@import url("color.css");
@import url("font-awesome.css");
/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
body{
	font-size:14px;
	overflow-x:hidden;
}
img{
	border:none;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
ul{
	list-style:none;
}
hr{
	border:none;
	border-bottom:1px solid #c8c8c8;
	display:block;
	margin-top:10px;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
.yuanjiao25{
	-moz-border-radius: 25px;      /* Gecko browsers */
    -webkit-border-radius: 25px;   /* Webkit browsers */
    border-radius:25px;            /* W3C syntax */
}
.yuanjiao45{
	-moz-border-radius: 45px;      /* Gecko browsers */
    -webkit-border-radius: 45px;   /* Webkit browsers */
    border-radius:45px;            /* W3C syntax */
}
.yuanjiao5{
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}
.yuanjiao10{
	-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}
.yuanjiao{
	-moz-border-radius: 100%;      /* Gecko browsers */
    -webkit-border-radius: 100%;   /* Webkit browsers */
    border-radius:100%;            /* W3C syntax */
}
.clear{
	width:100%;
	clear:both;
}

.pages{
	width:100%;
	padding:20px 0px;
	text-align:center;
	clear:both;
	margin-top:15px;
}
.pages li{
	list-style-type:none;
	display:inline;
}
.pages a{
	padding:5px 10px;
	border:1px solid #c8c8c8;
	font-weight:bold;
	margin-right:10px;
}
.pages .current{
	font-weight:700;
	color:#fff;
}
.shangxiapian{
	padding-top:20px;
	margin-top:20px;
	border-top:1px dashed #c8c8c8;
}
.shangxiapian li{
	line-height:30px;
}
.main{
	width:1200px;
	overflow:hidden;
	margin:0px auto;
}
.content{
	line-height:30px;
}
.content img{
	max-width:100%;
	height:auto;
}
.lan{
	width:auto;
	float: right;
	margin-left: 25px;
	height: 56px;
	position: relative;
}
.lan h5{
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	font-weight: normal;
}
.lan h5 i{
	display: inline-block;
	font-size: 24px;
	vertical-align: middle;
	margin-right: 10px;
}
.lan h5 span{
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	margin-left: 10px;
}
.lan a{
	/* display: inline-block;
	*display: inline;
	*zoom:1; */
	/* padding-left: 30px; */
	/* font-size: 16px; */
	/* vertical-align: middle; */
}
/*---------------------主体开始-----------------------*/
#top_zone2{
	width:100%;
	min-width:1200px;
	overflow:visible;
	height:40px;
	line-height:40px;
	background:#000;
	color:rgba(255,255,255,1);
}
#top_zone2 a{
	color:rgba(255,255,255,1);
}
#top_zone2 a:hover{
	color:#fff;
}
#top_zone1{
	width:100%;
	min-width:1200px;
	overflow:visible;
	height:40px;
	line-height:40px;
	background:#023157;
}
#top_l{
	width:auto;
	float:left;
	line-height:40px;
}
#top_l a{
	color: #fff;
	margin-right: 3px;
}

#top_r{
	width:auto;
	float:right;
	position: relative;
	z-index: 999999;
	/* height:40px; */
}
#top_link{
	width:auto;
	float:left;
	overflow:hidden;
}
#top_link a{
	margin-left:15px;
	line-height:40px;
	color: #fff;
}
#top_link a i{
	font-size:18px;
	margin-right:10px;
	/* color: #cc0000; */
}
#top_ewm{
	width:80px;
	float:left;
	overflow:hidden;
	text-align: center;
	margin-right: 35px;
	margin-top: 13px;
}
#top_ewm img{
	max-width:100%;
	height:auto;
	display:block;
	margin: 0px auto 6px auto;
}
#header_zone{
	width:100%;
	min-width:1200px;
	position:absolute;
	top:0;
	left:0;
	z-index:99999;
	transition: 0.6s;
	/* background:rgba(0,0,0,0.5); */
	/* border-bottom: 2px solid #0085D2; */
}
.header-blank{
	width:100%;
	min-width:1200px;
	position: relative;
	background-color: transparent;
	height: 60px;
}
.header_zone{
	width:100%;
	min-width:1200px;
	position:relative;
	z-index:99999;
	overflow: visible;
	background: #fff;
}
.fixed_header_zone{
	position:fixed!important;
	left:0;
	top:0!important;
	z-index:999999;
	transition:0.6s;
	background: rgba(255,255,255,1);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,.15);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.15);
	box-shadow:0px 0px 5px rgba(0,0,0,.15);
}
.header{
	width:1200px;
	margin:0px auto 0 auto;
	height:90px;
	overflow: visible;
	position: relative;
	z-index:99999;
}
#header_l{
	float:left;
	margin-top:50px;
	font-size:16px;
}
#header_r{
	width:auto;
	float:right;
	position: relative;
	z-index: 9999999;
}
#header_xia{
	overflow: visible;
	height: 80px;
	border-top: 1px solid #ddd;
	padding-top: 25px;
}
#header_follow{
	width:auto;
	overflow:hidden;
	float: left;
}
#header_follow a{
	margin-right: 25px;
	display: block;
	float: left;
}
#header_follow a img{
	vertical-align: middle;
}
#header_follow i{
	/* width:25px;
	height:25px;
	text-align:center; */

	line-height:40px;
	color: #999;
	background: none!important;
	font-size:18px;
}
#header_follow i:hover{
	color: #0963D5;
}
/*左侧带图标右侧上下结构电话*/
#top_tel_01{
	overflow:visible;
	float: left;
	padding-left:38px;
	background:url(/web/pic/t.png) left center no-repeat;
	min-height: 40px;
	margin-top: 38px;
}
#top_tel_01 .shang{
	display:block;
	overflow: hidden;
	color: #666;
	font-size: 16px;
}
#top_tel_01 .xia{
	overflow:hidden;
	display: block;
	font-size:26px;
	font-weight: bold;
	color: #0573bd;
}
#top_tel_02{
	overflow: hidden;
	margin-top: 20px;
	float: right;
	height: 30px;
	background: url(/web/pic/t.png) left center no-repeat;
	line-height: 30px;
	padding-left: 50px;
}
#top_tel_02 .shang{
	display: inline-block;
	*display: inline;
	*zoom:1;
	overflow: hidden;
	vertical-align:  middle;
}
#top_tel_02 .xia{
	overflow:hidden;
	display: inline-block;
	*display: inline;
	*zoom:1;
	font-size: 24px;
	color: #d30f06;
	vertical-align:  middle;
}

.nav_zone{
	width:100%;
	min-width:1200px;
	height: 56px;
	background:#096fb9;
}
.fixednav{
	position:fixed!important;
	z-index:9999999;
	top:0!important;
	left:0;
	box-shadow: 0 3px 6px rgba(0,0,0,.1);
}
.nav {
	float: right;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-right: 30px;
}
.nav .nLi{
	float: left;
	height: 88px;
	position:relative;
	z-index: 99;
	margin: 0 5px;
	/* margin: 0 25px; */
	background: url(../images/line.png) right center no-repeat;
}
.nav .nLi:last-child{
	background:none;
	border-right:none;
}
.nav .nLi.mega-product{
	position: static!important;
}
.nav .nLi i{
	margin-left: 5px;
}
.nav .nLi h3{
	display: block;
}
.nav .nLi h3 a {
	display:block;
	font-size:16px;
	font-weight: normal;
	line-height:88px;
	text-transform: capitalize;
	transition: 0.6s;
	color: #333;
	padding: 0 29px 0 21px;
}
.lang-en .nav .nLi h3 a {
	padding: 0 28px 0 20px;
}
.nav .nLi:last-child h3 a{
	padding-right: 0;
}
.nav .nLi .fa-home{
	margin-right: 10px;
	font-size: 20px;
	vertical-align: middle;
}
.nav .nLi h3 .line{
	display:block;
	width:0px;
	height:2px;
	margin:-2px auto 0 auto;
}
.nav .nLi:hover h3 .line,.nav .on h3 .line{
	width:70%;
	transition:0.6s;
}

.sub-menu{
	border-top: 8px solid transparent;
	position:absolute;
	top:100%;
	left: 50%;
	transform: translateX(-50%);
	display:none;
	/* opacity: 0; */
}

.nav .nLi.mega-product .sub-menu{
	width: 100%;
	left: 0;
	right: 0;
	height: auto;
	overflow: hidden;
	transform: translateX(0);
	background-color: #fff;
	border-top: 0;
	padding: 20px 0;
	border-top: 1px solid #ddd;
}

.sub-menu .sub{
	padding:10px 0;
	background:#fff;
	border-radius:3px;
	box-shadow:0 0 20px rgba(0,0,0,.1);
	position:relative;
}
.nav .nLi.mega-product .sub-menu .sub{
	width: 1200px;
	margin: 0 auto;
	box-shadow: none;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.sub-menu > .sub::before{
	content:"";
	width:0;
	height:0;
	border:8px solid transparent;
	border-bottom-color:#fff;
	display:block;
	position:absolute;
	top:-16px;
	left:50%;
	margin-left:-8px;
}
.nav .nLi.mega-product .sub-menu .sub::before{
	display: none;
}
/* .nav .on .sub-menu{
	display:block;
	opacity:1;
	-webkit-animation:fadeIn .4s;
	animation:fadeIn .4s
} */
/*
.nav .sub dl{

}
.nav .sub dl dd{
	width:220px;
	float:left;
	overflow:hidden;
}
.nav .sub dl dd p{
	display:block;
	line-height:30px;

}
.nav .sub dl dd p:hover{
	background:#E7242A;
	transition:0.6s;
}
.nav .sub dl dd p:hover i,.nav .sub dl dd p:hover a{
	color:#fff;
}
.nav .sub dl dd p i{
	margin:0 10px 0 15px;
}
.nav .sub dl dt{
	width:210px;
	float:right;
	overflow:hidden;
}
.nav .sub dl dt img{
	max-width:100%;
	height:auto;
	display:block;
}
*/
.nav .sub li {
	zoom:1;
	height:40px;
	position:relative;
	/* border-bottom:1px solid rgba(255,255,255,0.3); */
	text-align:center;
	white-space:nowrap
	/* padding: 0 15px; */
}
.nav .nLi.mega-product .sub-menu .sub li{
	height: auto;
	overflow: hidden;
	width: 25%;
	padding: 0 20px;
}
.nav .sub a {
	display:block;
	line-height:40px;
	height:40px;
	overflow:hidden;
	color:#333;
	padding: 0 30px;
}
.nav .nLi.mega-product .sub-menu .sub li a{
	height: auto;
	overflow: hidden;
	padding: 0;
}
.nav .nLi.mega-product .sub-menu .sub li .pic{
	height: auto;
	overflow: hidden;
}
.nav .nLi.mega-product .sub-menu .sub li .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.nav .sub a i{
	float:right;
	margin:13px 10px 0 0;
}
.nav .dropdown-menu,.nav .dropdown-menu ul{
	position:absolute;
	width:auto;
	left:100%;
	top:0;
	display:none;
	background-color: #fff;
}
.nav .sub li:hover .dropdown-menu,.nav .sub .dropdown-menu li:hover ul{
	display:block;
}
/*
#sub11{
	width:1200px;
	padding:10px 0;
}

#sub11 dl{
	width:14.6666666%;
	float:left;
	margin:0 1%;
	overflow:hidden;
	text-align:left;
}
#sub11 dl dt{
	display:block;
	width:auto;
	overflow:hidden;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
#sub11 dl dt img{
	max-width:100%;
	height:auto;
	display:block;
}
#sub11 dl dd{
	margin-top:10px;
}
#sub11 dl a{
	text-align:left;
	text-indent:15px;
}
#sub11 p{
	display:block;
	line-height:30px!important;
	border-bottom:1px dotted #ccc;
}
*/
.nav .nLi:nth-child(1){
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.nav .nLi:nth-child(2){
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.nav .nLi:nth-child(3){
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.nav .nLi:nth-child(4){
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.nav .nLi:nth-child(5){
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.nav .nLi:nth-child(6){
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.nav .nLi:nth-child(7){
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.nav .nLi:nth-child(8){
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.nav .nLi:nth-child(9){
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.nav .nLi:nth-child(10){
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.full-product-cate{
	width:100%;
	background:#fff;
	position:fixed;
	left:0;
	top:84px;
	z-index:9999;
	overflow:hidden;
	opacity:0;
	 pointer-events:none;
	transition:opacity .3s,padding .8s,transform .8s;
	transform:translateY(-106px);
	padding: 20px 0;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.full-product-cate.show{
	opacity:1;
	pointer-events:visible;
	transform:translateY(0);
}
.nav-product-cate-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.nav-product-cate-list li{
	width: 200px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	position: relative;
}
.nav-product-cate-list li::before{
	content:"";
	width:1px;
	height:48px;
	background:#eee;
	display:block;
	position:absolute;
	right:0;
	top:9px
}
.nav-product-cate-list li:last-child::before{
	background-color: #fff;
}
.nav-product-cate-list li a{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	color: #7e7f7e;
}
.nav-product-cate-list li a img{
	width:66px;
	height:66px;
	margin-right:10px;
	transition:transform .8s;
}
.nav-product-cate-list li a:hover img{
	 transform:translateY(-6px);
}

/*-----------------头部end------------------------*/

.index_title_01{
	overflow:hidden;
	text-align:center;
}
.index_title_01 h2,.index_title_01 .shang{
	display: block;
	font-size:30px;
	/* font-weight: bold; */
	text-transform: uppercase;
	position: relative;
	z-index: 10;
}
/* .index_title_01 .shang:before{
	content: "";
	width:336px;
	height:9px;
	display:block;
	position:absolute;
	top:50%;
	margin-top: -4.5px;
	left:0;
	background: url(/web/pic/before.png) no-repeat;
	z-index: 10;
}
.index_title_01 .shang:after{
	content: "";
	width:336px;
	height:9px;
	display:block;
	position:absolute;
	top:50%;
	margin-top: -4.5px;
	right:0;
	background: url(/web/pic/after.png) no-repeat;
	z-index: 10;
} */
.index_title_01 .xia{
	display: block;
	/* font-size: 18px; */
	margin-top: 15px;
	color: #666;
}
.index_title_02{
	overflow: hidden;
	text-align: center;
}
.index_title_02 .enname,
.index_title_02 .cnname{
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align: middle;
}
.index_title_02 .cnname{
	font-size: 40px;
	font-weight: bold;
}
.index_title_02 .enname{
	font-size: 40px;
	color: #f2f2f2;
	text-transform: uppercase;
	margin-left: 5px;
}
/*左右标题名称带More*/
.index_title_03{
	overflow:hidden;
}
.index_title_03_left{
	float: left;
	overflow: hidden;
	padding-left: 20px;
	border-left: 6px solid #E9460B;
}
.index_title_03_left .zuo{
	font-size: 30px;
	font-weight: bold;
	overflow: hidden;
	float: left;
	line-height: 30px;
}
.index_title_03_left .you{
	overflow: hidden;
	float: left;
	margin-left: 10px;
	font-size: 16px;
	margin-top: 13px;
}
.index_title_03_right{
	overflow: hidden;
	float: right;
	margin-top: 5px;
}
.index_title_03_right a{
	display: block;
	float: left;
	margin-left: 50px;
	font-size: 16px;
}
/*首页名称横线*/
.index_title_04{
	overflow:hidden;
	text-align:center;
}
.index_title_04 .shang{
	overflow: hidden;
	position: relative;
}
.index_title_04 .hou{
	font-size: 70px;
	color: #F2F2F2;
	text-transform: uppercase;
	overflow: hidden;
	display: block;
	line-height: 70px;
}
.index_title_04 .qian{
	width: 100%;
	overflow: visible;
	position: absolute;
	bottom:0;
	left:0;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 70px;
}
/* .index_title_04_center{
	position: relative;
	overflow: visible;
	display: inline-block;
	*display: inline;
	*zoom:1;
	padding: 0 40px;
}
.index_title_04_center:before{
	content: "";
	width: 100px;
	height: 1px;
	display: block;
	background: #666;
	position: absolute;
	right:100%;
	top:50%;
}
.index_title_04_center:after{
	content: "";
	width: 100px;
	height: 1px;
	display: block;
	background: #666;
	position: absolute;
	left:100%;
	top:50%;
} */
.index_title_04 .xia{
	overflow: hidden;
	margin-top: 15px;
	font-size: 16px;
}

/*--首页分类带圆形遮罩--*/
#lm{
	width:1250px;
	overflow:hidden;
}
#lm li{
	position:relative;
	float:left;
	margin-right:36px;
	overflow:hidden;
	width:170px;
}
#lm li .pic{
	width:170px;
	height:184px;
	display:block;
	overflow:hidden;
}
#lm li img{
	height:auto;
	max-width:100%;
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	transition:0.6s;
}
#lm li:hover img{
	transform:scale(1.1);
}

#lm li .zhezhao{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	background:url(../images/lm_yuan.png) top center no-repeat;
}

#lm li i{
	display:block;
	font-size:44px;
	color:#fff;
	position:absolute;
	top:35%;
	z-index:3;
	margin:0px auto;
	width:100%;
	text-align:center;
	filter:alpha(opacity=50);
      -moz-opacity:0.5;
      -khtml-opacity: 0.5;
      opacity: 0.5;
	  transition:0.6s;
}
#lm li:hover i{
		filter:alpha(opacity=100);
      -moz-opacity:1;
      -khtml-opacity: 1;
      opacity: 1;
}
#lm li h3{
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	margin-top:10px;
}
#lm li a{
	display:block;
	overflow:hidden;
}
/*仅有一张图片首页横排常用于广告*/
ul.index_tulist{
	width:auto;
	overflow:visible;
}
ul.index_tulist li{
	width:240px;
	height: 240px;
	float:left;
	overflow:hidden;
	transition:0.6s;
	text-align:center;
}
ul.index_tulist li:hover{
	background: rgba(186, 0, 16, 0.1);
}
ul.index_tulist li .pic{
	display: block;
	overflow: hidden;
	margin-top: 5px;
	/* border: 1px solid #ccc; */
}
ul.index_tulist li:hover .pic{
	/* border-color: #0073be; */
}
ul.index_tulist li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto 0 auto;
	transition:0.6s;
}

ul.index_tulist li:hover img{
	/* transform: scale(1.1); */
}
ul.index_tulist li h3{
	display:block;
	font-size:18px;
	margin-top:15px;
	font-weight:normal;
}
ul.index_tulist li h3 a{

}
ul.index_tulist li p{
	display: block;
	margin-top: 15px;
	color: #666;
	line-height: 25px;
	text-align: center;
}
/*首页标题浮在图片上列表*/
ul.index_cplist_01{
	width:auto;
	overflow:hidden;
}
ul.index_cplist_01 li{
	width: 300px;
	height: 425px;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	/* margin-top: 6.6666666px;
	margin-right: 6.6666666px; */
}
ul.index_cplist_01 li .pic{
	display: block;
	overflow: hidden;
}
ul.index_cplist_01 li .pic img{
	max-width:100%;
	height:auto;
	display:block;
	transition:0.6s;
}
ul.index_cplist_01 li:hover img{
	transform:scale(1.1);
}
ul.index_cplist_01 li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	transition: 0.6s;
	background: rgba(0,0,0,0.5);
	padding: 0 10px;
}
ul.index_cplist_01 li:hover a{
	background: transparent;
}
ul.index_cplist_01 li h3{
	/* display:inline-block;
	*display: inline;
	*zoom:1; */
	font-size:18px;
	color:#fff;
	/* border: 1px solid #fff; */
	font-weight:normal;
	height: 45px;
	line-height:45px;
	width:100%;
	position: absolute;
	left:10px;
	bottom:20px;
	z-index:15;
	overflow: hidden;
	width: 280px;
	background: #1E218A;
	transition: 0.6s;
}
ul.index_cplist_01 li:hover h3{
	background: #C30D24;
}
/*不规则产品不带遮罩*/
ul.index_cplist_02{
	overflow:visible;
	width: auto;
}
ul.index_cplist_02 li{
	overflow:hidden;
	border: 1px solid #ccc;
	transition:box-shadow .2s linear;

}
ul.index_cplist_02 li:hover{
	border-color: #002588;
	box-shadow:0 8px 16px rgba(0,0,0,.18)
}
ul.index_cplist_02 #li1{
	width: 650px;
	height: 400px;
	float: left;
}
ul.index_cplist_02 #li2{
	width: 540px;
	height: 400px;
	float: right;
}
ul.index_cplist_02 #li3{
	width: 540px;
	height: 400px;
	float: left;
}
ul.index_cplist_02 #li4{
	width: 650px;
	height: 400px;
	float: right;
}
ul.index_cplist_02 #li5{
	width: 400px;
	height: 280px;
	right:0;
	bottom:0;
}
ul.index_cplist_02 li a{
	display: block;
	overflow: hidden;
}
ul.index_cplist_02 li .pic{
	display: block;
	overflow: hidden;
}
ul.index_cplist_02 li:hover .pic{

}
ul.index_cplist_02 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
	transition:0.6s;
}
ul.index_cplist_02 li:hover img{
	/* transform: scale(1.1); */
}
ul.index_cplist_02 li .txt{
	overflow: hidden;
	position: absolute;
	left:0;
	bottom: 15px;
	z-index: 10;
	width: 100%;
	padding: 0 10px;
}
ul.index_cplist_02 li h3{
	display: block;
	overflow: hidden;
	font-size:16px;
	font-weight: normal;
}
ul.index_cplist_02 li p{
	color: #666;
	display: block;
	margin-top: 10px;
}
ul.index_cplist_02 li .detail{
	height: 30px;
	line-height:30px;
	overflow: hidden;
	display: block;
	margin: 20px auto 0 auto;
	width: 100px;
	border: 1px solid #333;
	transition: 0.6s;
}
ul.index_cplist_02 li:hover .detail{
	background: #3945b5;
	border-color: #3945b5;
	color: #fff;
}
/*首页规则产品列表：图片+标题+简介+按钮*/
dl.index_cplist_03{
	width:1250px;
	overflow:visible;
}
dl.index_cplist_03 dd{
	width:380px;
	margin-right:30px;
	margin-top:30px;
	float: left;
	position: relative;
	overflow:visible;
	transition: 0.6s;
	background: #fff;
}
dl.index_cplist_03 dd:hover{

}
dl.index_cplist_03 dd a{
	display: block;
	overflow: visible;
}
dl.index_cplist_03 dd .pic{
	display:block;
	overflow:hidden;
	position: relative;
	padding: 10px 10px 0 10px;
}
dl.index_cplist_03 dd:hover .pic{
	/* border-color: #E76915; */
	/* box-shadow:0 0px 16px rgba(0,0,0,.18); */
}
dl.index_cplist_03 dd img{
	max-width:100%;
	height:auto;
	display:block;
	transition:0.6s;
	margin:0px auto 0 auto;
}
dl.index_cplist_03 dd:hover .pic img{
	transform:scale(1.1);
}
dl.index_cplist_03 dd .zhezhao{
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
	left:0;
	top:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	background:rgba(114, 179, 39, 0.8);
	text-align: center;
	transition: 0.6s;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
dl.index_cplist_03 dd:hover .zhezhao{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
dl.index_cplist_03 dd .zhezhao .kuang{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.5);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
dl.index_cplist_03 dd .zhezhao h4{
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}
dl.index_cplist_03 dd .zhezhao i{
	width: 45px;
	height: 45px;
	font-size: 20px;
	overflow: hidden;
	display: block;
	text-align: center;
	text-indent: 2px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
	margin-top: 15px;
}
dl.index_cplist_03 dd .zhezhao .desc{
	overflow: hidden;
	margin-top: 10px;
	color: #fff;
	line-height: 30px;
	font-size: 16px;
}
dl.index_cplist_03 dd .zhezhao .detail{
	width: 120px;
	height: 35px;
	line-height: 35px;
	display: block;
	margin: 15px auto 0 auto;
	border: 1px solid #fff;
	color: #fff;
}

dl.index_cplist_03 dd .dd_xia{
	padding-left: 15px;
	overflow: hidden;
	height: 65px;
	line-height: 65px;
}

dl.index_cplist_03 dd h3{
	overflow: hidden;
	display:block;
	overflow:hidden;
	font-size: 16px;
	font-weight: normal;
	padding: 15px 10px;
	line-height: 30px;
	transition: 0.6s;
	/* height: 65px;
	padding-left: 15px;
	padding-right: 15px;
	border-top: 1px solid #eee; */
}
dl.index_cplist_03 dd p{
	margin-top: 15px;
	display: block;
	overflow: hidden;
	line-height: 25px;
	height: 50px;
	padding: 0 15px;
}
dl.index_cplist_03 dd h3 .iconfont{
	float: right;
	font-size: 18px;
	width: 30px;
	height: 30px;
	background: #DADADA;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
dl.index_cplist_03 dd .detail{
	display: inline-block;
	*display: inline;
	*zoom:1;
	margin-top:30px;
	background: #ddd;
	line-height: 40px;
	padding: 0 30px;

}
dl.index_cplist_03 dd:hover h3{
	background: #E9460B;
	color: #fff;
}
dl.index_cplist_03 dd:hover h3 .iconfont{
	background: #fff;
	color: #E9460B;
}
/*首页规则产品列表图片上标题下*/
dl.index_cplist_04{
	overflow: visible;
	width: 1250px;
}
dl.index_cplist_04 dd{
	float:left;
	width:285px;
	transition:.0.6s;
	text-align:center;
	overflow:hidden;
	margin-right: 20px;
	margin-top: 20px;
	position: relative;
	border: 1px solid #ccc;
}
dl.index_cplist_04 dd:hover{
	border-color: #0AB7D7;
}
dl.index_cplist_04 dd a{
	display: block;
	overflow: hidden;
}
dl.index_cplist_04 dd .pic{
	display:block;
	overflow:hidden;
	position: relative;
	border-bottom: 1px solid #ccc;
	/* transition:box-shadow .2s linear; */
}
dl.index_cplist_04 dd img{
	max-width:100%;
	height:auto;
	display:block;
	transition:0.6s;
	margin: 0px auto 0 auto;
	/*
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;
	*/
}
dl.index_cplist_04 dd .zhezhao{
	overflow: hidden;
	width: 100%;
	height: 100%;
	background:url(/web/pic/zhezhao.png) center center no-repeat rgba(0, 0, 0, 0.5);
	position: absolute;
	left:0;
	top:0;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: 0.6s;
	z-index: 100;
	/* padding: 0px 45px; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
dl.index_cplist_04 dd:hover .zhezhao{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	/* background:rgba(0,0,0,0.5);*/
}
/*
dl.index_cplist_04 dd .pic .zhezhao .more{
	width: 57px;
	height: 57px;
	display: block;
	background: url(/web/pic/m.png) no-repeat;
}
dl.index_cplist_04 dd:hover .zhezhao .more{
	animation:rotateIn 1s infinite;
	-webkit-animation:rotateIn 1s infinite;
} */

dl.index_cplist_04 dd .tu2{
	margin-top:-70px;
}
dl.index_cplist_04 dd .tu2,dl.index_cplist_04 dd:hover .tu1{
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	transition:0.6s;
}
dl.index_cplist_04 dd:hover .tu2{
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

dl.index_cplist_04 dd:hover .pic img{
	transform:scale(1.1);
}
dl.index_cplist_04 dd .xia{
	overflow: hidden;
	height: 50px;
	transition: 0.6s;
	padding: 10px;
}
/* dl.index_cplist_04 dd:hover .xia .iconsousuo{
	color: #fff;
	border-color: #fff;
}
dl.index_cplist_04 dd .iconsousuo{
	font-size: 24px;
	float: right;
	width: 55px;
	text-align: center;
	height: 30px;
	margin-top: 10px;
	line-height: 30px;
	color: #666;
	border-left: 1px solid #ccc;
} */
dl.index_cplist_04 dd h3{
	display:block;
	font-size:15px;
	overflow:hidden;
	font-weight: normal;
	float: left;
	line-height: 30px;
}
dl.index_cplist_04 dd .line{
	width: 30px;
	height: 2px;
	display: block;
	margin: 10px auto 0 auto;
}
dl.index_cplist_04 dd p{
	display: block;
	overflow: hidden;
	/* margin-top: 10px; */
	color: #666;
	line-height: 25px;
	height: 50px;
}
/*
dl.index_cplist_04 dd h3 i{
	float: right;
	font-size: 30px;
}
dl.index_cplist_04 dd:hover h3 i{
	background: #0555ea;
	color: #fff;
	border-color: #fff;
} */
dl.index_cplist_04 dd .zhezhao h4{
	color:#fff;
	display:block;
	overflow:hidden;
	font-size: 18px;
}
dl.index_cplist_04 dd .detail{
	display:block;
	/* width: 120px;
	line-height:45px;
	background: #F4CC38;
	text-align:center;
	transition:0.6s;
	position: absolute;
	z-index: 101px;
	left:50%;
	margin-left: -60px;
	bottom:0;
	font-weight: 600; */
	margin-top: 10px;
	color: #999;
}

/*不规则产品带遮罩*/
ul.index_cplist_05{
	overflow: hidden;
	width: auto!important;
}
ul.index_cplist_05 li{
	overflow:hidden;
	position: relative;
	text-align: center;
	width: 300px;
	height: 215px;
	float: left;
	margin-left: 20px;
}
ul.index_cplist_05 #li4,
ul.index_cplist_05 #li5{
	margin-top: 20px;
}
ul.index_cplist_05 #li1{
	width: 560px;
	height: 450px;
	margin-left: 0;
}
ul.index_cplist_05 #li1 .pic img{
	max-width: 600px;
	height: 450px;
	margin-left: -20px;
	margin-top: 0;
}
ul.index_cplist_05 li .pic{
	display: block;
	overflow: hidden;
}
ul.index_cplist_05 li .pic img{
	max-width:100%;
	height:auto;
	display:block;
	transition:0.6s;
	margin-top: -5px;
}
ul.index_cplist_05 li:hover .pic img{
	transform:scale(1.1);
}
ul.index_cplist_05 li a{
	overflow:hidden;
	display:block;
}
ul.index_cplist_05 li .zhezhao{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(240,133,25,0.6);
	transition: 0.6s;
	position: absolute;
	left:0;
	top:0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

ul.index_cplist_05 li:hover .zhezhao{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;

	/* -webkit-transform: scale(1);
	transform: scale(1); */
}
ul.index_cplist_05 li .kuang{
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255,255,255,0.6);
	display: block;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
ul.index_cplist_05 li i{
	width: 30px;
	height: 30px;
	display: block;
	background: #fff;
	color: #F08619;
	text-align: center;
	line-height: 30px;
	margin: 0px auto;
	font-size: 20px;
	text-indent: 2px;
}

ul.index_cplist_05 li  h3{
	display: block;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	/* text-transform: uppercase; */
}
ul.index_cplist_05 li p{
	display: block;
	overflow: hidden;
	margin-top: 10px;
	line-height: 25px;
	color: #666;
}
/*
ul.index_cplist_05 #li1{
	left:0px;
	top:0;
}
ul.index_cplist_05 #li2{
	right:0px;
	top:0px;
}
ul.index_cplist_05 #li3{
	left:0;
	bottom:0;
}
ul.index_cplist_05 #li4{
	right:0;
	bottom:0;
}
ul.index_cplist_05 #li5{
	left:900px;
	top:300px;
}
ul.index_cplist_05 #li6{
	left:600px;
	top:600px;
} */
/*不规则产品带遮罩*/
dl.index_cplist_06{
	width: auto;
	overflow: hidden;
}
dl.index_cplist_06 dd{
	overflow:hidden;
	width: 290px;
	height: 220px;
	float: left;
	position: relative;
	margin-left: 10px;
	text-align: center;
}
dl.index_cplist_06 #dd1{
	width: 600px;
	height: 450px;
	margin-left: 0;
}
dl.index_cplist_06 #dd4,
dl.index_cplist_06 #dd5{
	margin-top: 10px;
}
dl.index_cplist_06 dd img{
	height: 220px;
	width: auto;
	display:block;
	transition: 0.6s;
}
dl.index_cplist_06 #dd1 img{
	width: 600px;
	height: 450px;
}
dl.index_cplist_06 dd:hover img{
	transform: scale(1.1);
}
dl.index_cplist_06 dd a{
	display: block;
	overflow: hidden;
}
dl.index_cplist_06 dd .zhezhao{
	width:100%;
	height:35px;
	background:rgba(0,0,0,0.5);
	position:absolute;
	z-index:3;
	left:0;
	bottom:0;
	overflow:hidden;
	transition:0.6s;
	padding: 0 20px;
}
dl.index_cplist_06 dd h3{
	font-size: 14px;
	display: block;
	color: #fff;
	font-weight: normal;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
}
dl.index_cplist_06 dd:hover .zhezhao{
	height: 100%;
	background: rgba(16, 56, 139, 0.5);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
dl.index_cplist_06 dd .line,
dl.index_cplist_06 dd p,
dl.index_cplist_06 dd .detail{
	display: none;
}
dl.index_cplist_06 dd:hover .zhezhao h3{
	height: auto;
	line-height: 30px;
	font-size: 16px;
}
dl.index_cplist_06 dd:hover .zhezhao .detail{
	display: block;
	width: 110px;
	height: 35px;
	border: 1px solid #fff;
	color: #fff;
	line-height: 35px;
	text-align: center;
	margin: 20px auto 0 auto;
}
/*头条*/
dl.toutiao{
	width: 556px;
	height: auto;
	overflow:hidden;
	background: #fff;
	float: left;
	position: relative;
}
dl.toutiao a{
	display: block;
	overflow: hidden;
}
dl.toutiao .pic{
	display:block;
	overflow:hidden;
	height: 426px;
}
dl.toutiao img{
	/* max-width:100%;
	height:auto; */
	height: 100%;
	width: 100%;
	display:block;
	transition:0.6s;
	object-fit: cover;
}
dl.toutiao:hover img{
	transform:scale(1.1);
}
dl.toutiao .xia{
	padding: 15px 0;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
dl.toutiao dt{
	overflow:hidden;
	display: block;
}
dl.toutiao dt span{
	display: block;
}
dl.toutiao dt .ri{
	font-size: 32px;
}
dl.toutiao dt .nian{
	color: #666;
}
dl.toutiao dd{
	height: auto;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,62,113,.8);
	padding: 20px;
}
dl.toutiao h3{
	display:block;
	font-size:20px;
	color: #fff;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
dl.toutiao dd p{
	height: 25px;
	line-height:25px;
	overflow:hidden;
	display:block;
	color:#fff;
	margin-top: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
dl.toutiao dd .detail{
	display: block;
	margin-top: 15px;
	color:#0573bd;
	display: none;
}
/*首页新闻列表普通*/
dl.index_newslist_01{
	width: 582px;
	height: auto;
	float: right;
	overflow:hidden;
}
dl.index_newslist_01 dd{
	height: auto;
	overflow:hidden;
	margin-bottom: 10px;
}
dl.index_newslist_01 dd .pic{
	width: 202px;
	height: auto;
	overflow: hidden;
	float: left;
}
dl.index_newslist_01 dd .pic img{
	display: block;
	width: 100%;
	height: 135px;
	object-fit: cover;
}
dl.index_newslist_01 dd .news-content{
	height: auto;
	overflow: hidden;
	margin-left: 225px;
}
dl.index_newslist_01 dd .news-content .date{
	height: auto;
	overflow: hidden;
	color: #666;
	font-size: 14px;
	line-height: 20px;
}
dl.index_newslist_01 dd .news-content h4{
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 10px 0;
}
dl.index_newslist_01 dd .news-content .info{
	height: auto;
	overflow: hidden;
	color: #666;
	font-size: 14px;
	line-height: 25px;
	max-height: 50px;
}

/* dl.index_newslist_01 #dd1,dl.index_newslist_01 #dd3,dl.index_newslist_01 #dd5,dl.index_newslist_01 #dd7,dl.index_newslist_01 #dd9{
	padding-right:40px;
}
dl.index_newslist_01 #dd2,dl.index_newslist_01 #dd4,dl.index_newslist_01 #dd6,dl.index_newslist_01 #dd8,dl.index_newslist_01 #dd10{
	padding-left: 40px;
} */
dl.index_newslist_01 dd a{
	display: block;
	font-size: 16px;
	/* position: relative; */
}
dl.index_newslist_01 dd a::before{
	/* content: "●";
	font-size: 12px;
	margin-right: 10px; */
}
dl.index_newslist_01 dd i{
	margin-right:10px;
}

dl.index_newslist_01 dd span{
	float:right;
	color:#666;
	display: block;
}

/*首页横排3块*/
.box{
	overflow: hidden;
	width: 385px;
}
.box img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
}
#box1{
	float:left;
}
#box2{
	float: left;
	margin-left: 22.5px;
}
#box3{
	float: right;
}
.tbox{
	overflow:hidden;
	width: 555px;
	height: 189px;
}

.tbox img{
	/* max-width: 100%;
	height: auto;
	display:block;
	margin:0px auto; */
}
.tbox_pd{
	padding:30px 45px 0 30px;
	overflow: hidden;
}
/*首页新闻列表带图片*/
dl.index_newslist_02{
	height: auto;
	overflow:hidden;
	padding-top: 15px;
}
dl.index_newslist_02 dd{
	height: auto;
	overflow:hidden;
}
dl.index_newslist_02 dd:last-child{
	margin-bottom: 0;
}
dl.index_newslist_02 dd:hover{

}
dl.index_newslist_02 dd a{
	display: block;
	overflow: hidden;
	transition: 0.6s;
}
dl.index_newslist_02 dd .pic{
	display:block;
	overflow:hidden;
	width: 210px;
	height: auto;
	float: left;
}
dl.index_newslist_02 dd:hover .pic{

}
dl.index_newslist_02 dd .news-content{
	height: auto;
	overflow: hidden;
	margin-left: 240px;
	padding-right: 10px;
}
dl.index_newslist_02 dd .news-content h4{
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	margin-top: 15px;
}
dl.index_newslist_02 dd .news-content .info{
	color: #666;
	font-size: 14px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-top: 10px;
}
dl.index_newslist_02 dd .news-content .more{
	height: auto;
	overflow: hidden;
	color: #999;
	font-size: 14px;
	margin-top: 15px;
	text-transform: uppercase;
}

dl.index_newslist_02 dd img{
	width:100%;
	height:160px;
	display:block;
	transition:0.6s;
	object-fit: cover;
}
dl.index_newslist_02 dd:hover img{
	transform:scale(1.1);
}
dl.index_newslist_02 dd .time{
	overflow: hidden;
	float: right;
	font-size: 14px;
	font-weight: normal;
}
/* dl.index_newslist_02 dd .time .ri{
	font-size: 30px;
	overflow: hidden;
	color: #999;
}
dl.index_newslist_02 dd .time .nian{
	overflow: hidden;
	margin-top: 5px;
	color: #666;
} */
dl.index_newslist_02 dd h3{
	display:block;
	font-size:18px;
	overflow:hidden;
	margin-top: 15px;
	font-weight: normal;
	line-height: 25px;
	height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
dl.index_newslist_02 dd p{
	margin-top:15px;
	line-height:25px;
	color:#666;
	height: 50px;
	overflow: hidden;
	display: block;
	font-size: 16px;
}

dl.index_newslist_02 dd .detail{
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #cc0000;
	transition: 0.6s;
	margin-top: 15px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 16px;
}
dl.index_newslist_02 dd:hover .detail{
	background: #ffa61a;
	color: #fff;
}
dl.index_newslist_02 dd .detail .iconfont{
	float: right;
	font-size: 16px;
	vertical-align: top;
	margin-top: -5px;
}
/*首页新闻案例列表带遮罩*/
dl.index_newslist_03{
	width:auto;
	overflow:hidden;
}
dl.index_newslist_03 dd{
	width:33.333333333%;
	float:left;
	overflow:hidden;
	height:auto;
	position:relative;
	/* border: 5px solid #f6f6f6;
	-moz-box-shadow:0px 0px 5px #777;
	-webkit-box-shadow:0px 0px 5px #777;
	box-shadow:0px 0px 5px #777;
	margin-bottom: 5px; */
	/* border-right: 30px solid transparent;
	border-top: 30px solid transparent; */
}
dl.index_newslist_03 dd .title{
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	color: #fff;
	text-align: center;
}
dl.index_newslist_03 dd .ovrlyT {
    background: rgba(0, 0, 0, 0.35);
    height: 100%;
    left: 100%;
    position: absolute;
    top: -100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	z-index:2;
}
dl.index_newslist_03 dd .ovrlyB {
    background: rgba(0, 0, 0, 0.35);
    height: 100%;
    left: -100%;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	z-index:3;
}
dl.index_newslist_03 dd .buttons {
    position: absolute;
    top: 35%;
    left: 49%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index:4;
}
dl.index_newslist_03 dd .buttons .fa {
    /* -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; */
    display: inline-block;
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    width: 35px;
    height: 35px;
    -webkit-transition: all 0.2s 0.3s;
    -moz-transition: all 0.2s 0.3s;
    -o-transition: all 0.2s 0.3s;
    transition: all 0.2s 0.3s;
    opacity: 0;
		background: #F4AE00;
		color:#fff;
}
dl.index_newslist_03 dd:hover .ovrlyT {
    left: 0;
    top: 0;
}
dl.index_newslist_03 dd:hover .ovrlyB {
    left: 0;
    top: 0;
}
dl.index_newslist_03 dd:hover .buttons .fa {
    opacity: 1;
}
dl.index_newslist_03 dd img{
	width:100%;
	height:auto;
	display:block;
  transition:0.6s;
}
dl.index_newslist_03 dd:hover img{
	transform:scale(1.1);
}
dl.index_newslist_03 dd a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	background: rgba(0, 0, 0, 0.3);
}
dl.index_newslist_03 dd a .kuang{
	display:block;
	overflow:hidden;
	height:100%;
	border:1px solid transparent;
	/* filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; */
	display: flex;
	flex-direction: column;
	justify-content: center;
}
dl.index_newslist_03 dd:hover a .kuang{
	/* filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1; */
	border:1px solid rgba(255,255,255,0.6);
}
dl.index_newslist_03 dd a h3,dl.index_newslist_03 dd a p{
	text-align:center;
	color:#fff;
	font-size:30px;
	font-weight:normal;
	/* filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; */
	transition:0.6s;
}
dl.index_newslist_03 dd:hover a h3,dl.index_newslist_03 dd:hover a p{
	/* filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1; */
}
dl.index_newslist_03 dd:nth-child(1){
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
dl.index_newslist_03 dd:nth-child(2){
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
dl.index_newslist_03 dd:nth-child(3){
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
dl.index_newslist_03 dd:nth-child(4){
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
dl.index_newslist_03 dd:nth-child(5){
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
dl.index_newslist_03 dd:nth-child(6){
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
dl.index_newslist_03 dd:nth-child(7){
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
dl.index_newslist_03 dd:nth-child(8){
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
dl.index_newslist_03 dd:nth-child(9){
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
dl.index_newslist_03 dd:nth-child(10){
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
}

/*首页上面图片下面带日期的新闻列表*/
.index_newslist_05{
	width: 1250px;
	overflow: hidden;
}
.index_newslist_05 dl{
	overflow: hidden;
	width: 375px;
	float: left;
	margin-right: 37.5px;
}
.index_newslist_05 dl a{
	display: block;
	overflow: hidden;
}
.index_newslist_05 dl .pic{
	display: block;
	overflow: hidden;
}
.index_newslist_05 dl .pic img{
	max-width: 100%;
	height: auto;
	display: block;
	transition: 0.6s;
}
.index_newslist_05 dl:hover img{
	transform: scale(1.1);
}
.index_newslist_05 dl:hover dt{
	background:#0081c2;
	border-color: #0081c2;
}
.index_newslist_05 dl:hover dt span.ri,.index_newslist_05 dl:hover dt span.nian{
	color: #fff;
}
.index_newslist_05 dl dt{
	width: 85px;
	height: 80px;
	border: 1px solid #ddd;
	text-align: center;
	overflow: hidden;
	float: left;
	transition: 0.6s;
}
.index_newslist_05 dl dt span{
	display: block;
	width: 100%;
	overflow: hidden;
}
.index_newslist_05 dl dt span.ri{
	font-size: 35px;
	font-weight: bold;
	margin-top: 10px;
}
.index_newslist_05 dl dt span.nian{
	color: #666;
}
.index_newslist_05 dl dd{
	margin-left: 100px;
	overflow: hidden;
}
.index_newslist_05 dl dd h3{
	display: block;
	font-weight: normal;
	font-size: 18px;
}
.index_newslist_05 dl dd p{
	display: block;
	margin-top: 5px;
	overflow: hidden;
	line-height: 25px;
}
/*首页问答FAQ样式*/
dl.wenda_list{
	overflow:hidden;
	padding: 30px 25px;
	border-bottom: 1px solid #ddd;
}
dl.wenda_list dt{
	background:url(/web/pic/q.jpg) left center no-repeat;
	padding-left:35px;
	line-height: 30px;
	overflow:hidden;
	font-size: 16px;
	height: 30px;
}
dl.wenda_list dd{
	overflow:hidden;
	padding-left:35px;
	background:url(/web/pic/a.jpg) left 5px no-repeat;
	/* margin-top: 5px; */
	color: #666;
	line-height: 25px;
	/* font-size: 16px; */
	height: 50px;
}
/*友情链接带图片样式*/
ul.link_01{
	overflow:hidden;
	width: 1250px;
}
ul.link_01 li{
	float:left;
	width:180px;
	overflow:hidden;
	margin-right: 24px;
	margin-top: 24px;
}
ul.link_01 li:hover{
	/* border-color: #0773BE; */
}
ul.link_01 li img{
	width:90%;
	height:auto;
	display:block;
	margin: 0px auto;

	/* -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
	border:1px solid #ccc; */
}
ul.link_01 li:hover img{
	/* -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: color; */
}
/*仅文字链接*/
ul.link_02{
	display: inline-block;
	*display: inline;
	*zoom:1;
	margin-left: 10px;
}
ul.link_02 a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	/* border-right:1px solid #ddd; */
	/* line-height: 13px; */
	padding:0 6px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}



.lmmc{
	width:auto;
	overflow:hidden;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.lmmc h2{
	font-size:26px;
	font-weight:normal;
	float:left;
	display:block;
}

.zone{
	width:100%;
	min-width:1200px;
	overflow:hidden;
}




/*-----More按钮样式大全---*/
.more_01{
	display:block;
	/* transition: 0.6s;
	width: 140px;
	height: 45px; */
	line-height: 30px;
	/* text-align: center;
	background: #D8261C;
	text-transform: uppercase; */
	color: #E9460B;
	font-size: 16px;
}
/* .more_01 .fa{
	font-size: 20px;
	margin-left: 10px;
	vertical-align: middle;
}
.more_01:hover{
	color: #fff;
	background: #DA0000;
	border-color: #DA0000;
} */
.more_02{
	display: block;
	width: 200px;
	height: 55px;
	transition: 0.6s;
	overflow: hidden;
	line-height: 55px;
	text-align: center;
	margin: 80px auto 0 auto;
	background: #0963D5;
	color: #fff;
	font-size: 20px;
}
.more_02 i{
	/* width: 15px;
	height: 15px;
	background: #fff;
	text-align: center;
	line-height: 15px;
	text-indent: 2px;
	color: #fff;
	color: #f5821f;
	margin-right: 10px;
	font-size: 18px;
	font-weight: normal; */
}
.more_02:hover{
	color:#fff!important;
	/* background-color:#007fc3
	border-color: #29166F; */
}
.more_02:hover i{
	/* background: #70B527;
	color: #fff!important;*/
}
.more_02 span.iconfont{
	margin-left: 10px;
	vertical-align: middle;
	font-size: 24px;
}

.more_03{
	display: block;
	height: 45px;
	transition: 0.6s;
	overflow: hidden;
	line-height: 45px;
	background: #D9271D;
	color: #fff!important;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 15px;
}
/* .more_03 span{
	margin-right: 15px;
	font-size: 30px;
	font-weight: normal;
	vertical-align: middle;
} */
/*---首页左边分类右边产品结构--*/
#zuo{
	width:265px;
	float:left;
	overflow:hidden;
	border: 3px solid #2573BE;
}
#zuo_title{
	overflow:hidden;
	height:90px;
	background:#DC271E;
	font-size: 40px;
	color: #fff;
	line-height: 90px;
	text-align: center;
}

/* #zuo_title .shang{
	display:block;
	font-size:18px;
	color: rgba(255,255,255,0.5);
	text-transform: uppercase;
}
#zuo_title .line{
	width: 40px;
	height: 4px;
	display: block;
	margin-top: 10px;
	background: #fff;
}
#zuo_title .xia{
	display:block;
	margin-top:10px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}*/
#zuo ul{
	overflow:hidden;
	padding: 20px 0;
}
#zuo ul li{
	overflow: hidden;
	height: 60px;
	border-bottom: 1px dashed #ddd;
}
#zuo ul li a{
	display:block;
	line-height:60px;
	font-size: 16px;
	padding-left: 50px;
	background: url(/web/pic/ico.png) 25px center no-repeat;
	transition: 0.6s;
}
#zuo ul li:hover a{
	background: url(/web/pic/icoon.png) 25px center no-repeat #F88C41;
	color: #fff;
}

/*
#zuo dl{
	overflow:hidden;
}
#zuo dl dt{
	display:block;
	height:67px;
	line-height:67px;
	overflow:hidden;
	border: 1px solid #B1C5D0;
	margin-top: -1px;
	position: relative;
}
#zuo dl dt:after{
	content: "";
	width: 15px;
	height: 16px;
	display: block;
	position: absolute;
	right:50px;
	top:50%;
	margin-top: -8px;
	background: url(/web/pic/jia.png) no-repeat;
}
#zuo dl dt a{
	display: block;
	line-height: 67px;
	font-size: 18px;
	color: #6c92a9;
	padding-left: 130px;
	background-repeat: no-repeat;
	background-position: 75px center;
}
#zuo a:hover{
	color: #1D425F;
}
#zuo dl dd{
	padding: 0px 20px;
	display:none;
}
#zuo dl dd a{
	display: block;
	line-height: 40px;
	border-bottom: 1px dashed #ddd;
	padding-left: 40px;
} */
#you{
	width:910px;
	overflow:hidden;
	float: right;
}
#you #you_title{
	overflow:hidden;
	height: 55px;
	line-height: 60px;
	border-bottom: 1px solid #ddd;
}
#you #you_title h2{
	display:block;
	font-size:18px;
	padding-left: 35px;
	float: left;
	background: url(/web/pic/zan.png) left center no-repeat;
}
#you #you_title h3{
	display:block;
	font-size:18px;
	float: left;
	font-weight: normal;
	margin-left: 40px;
}
#you #you_title span{
	float:right;
	display:block;
}
#you #you_title span a{
	display:block;
	color: #999;
}
#you ul{
	overflow:hidden;
	width:950px;
}
#you ul li{
	width:290px;
	height: 355px;
	float:left;
	overflow:hidden;
	margin:30px 20px 0px 0;
	padding: 10px;
	background: #F5F5F5;
	transition: 0.6s;
	text-align: center;
}
#you ul li:hover{
	background: #2573BE;
}
#you ul li .pic{
	display:block;
	overflow:hidden;
}
#you ul li img{
	max-width:100%;
	height:auto;
	display:block;
	transition:0.6s;
}
#you ul li:hover img{
	transform:scale(1.1);
}
#you ul li h3{
	display:block;
	overflow:hidden;
	text-align:center;
	font-weight:normal;
	font-size:16px;
	padding: 20px 0;
}
#you ul li:hover h3 a{
	color: #fff;
}
#you ul li .detail{
	display: inline-block;
	*display: inline;
	*zoom:1;
	margin: 0 5px;
	line-height: 35px;
	padding: 0 20px;
	color: #fff;
}
#you ul li .detail_a{
	background: #999999;
}
#you ul li .detail_b{
	background: #2573BE;
}
#you ul li:hover .detail_a{
	background: #fff;
	color: #2573BE;
}
#you ul li:hover .detail_b{
	background: #F88C41;
}

/*--------------内页样式----------------------*/
.ny_banner{
	width:100%;
	min-width:1200px;
	overflow:hidden;
	
}
.ny_banner img{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.wz_zone{
	width:100%;
	min-width:1200px;
	height:50px;
	line-height:50px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#C5C5BE,direction=120,strength=4);
    -moz-box-shadow: 2px 2px 10px #C5C5BE;
    -webkit-box-shadow: 2px 2px 10px #C5C5BE;
    box-shadow:2px 2px 10px #C5C5BE;
	margin-bottom:3px;
	background-color:#fff;
}
.wz{
	width:auto;
	overflow:hidden;
	margin:0px auto;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.wz_zone .wz span{
	margin-top:0!important;
}
.wz span{
	color:#666;
	font-size:14px;
	float:right;
	margin-top:5px;
}
.wz span a{
	color:#666;
	font-size:14px;
}
.wz h2{
	font-size:20px;
	text-indent:30px;
	background:url(../images/wz.png) left center no-repeat;
	font-weight:normal;
	display:block;
	float:left;
}
.left_wrap{
	float:left;
	width:250px;
}
.left_wrap h2{
	width:auto;
	height:55px;
	line-height:55px;
	text-indent:20px;
	font-size:20px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-weight:normal;
	color:#fff;
}
.left_wrap h2 .iconfont{
	font-size: 24px;
	vertical-align: middle;
	margin-right: 10px;
}
.zlm{
	width:auto;
	background:#fff;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
}
.zlm dl{
	overflow:visible;
}
.zlm dl dt{
	line-height:20px;
	border-bottom:1px solid #EEEEEE;
	cursor:pointer;
	overflow:visible;
	position: relative;
	padding: 15px 15px;
}
.zlm dl dt a{
	display:block;
	float:left;
	/* font-size: 16px; */
}
.zlm dl dt a span.yuanjiao{
	margin-right:10px;
	display:none;
	width:7px;
	height:7px;
	border:1px solid #fff;
	display:inline-block;
	*display:inline;
	*zoom:1;
}

.zlm dl dt i.fa-angle-down{
	float:right;
	margin:3px 10px 0 0;
	font-size:16px;
	cursor:pointer;
}
.zlm dl dt:hover,.zlm dl #zlm_on,.zlm dl .zlm_on{
	background:#fff;
}
.zlm dl dt:hover::before,.zlm dl #zlm_on::before,.zlm dl .zlm_on::before{
	content: "";
	width: 2px;
	height: 100%;
	background: #ed6a1e;
	position: absolute;
	left:0;
	top:0;
	margin-left: -1px;
}
.zlm dl .sanji{
	display:none;
	background:#f7f7f7;
	border-bottom:1px solid #d8d8d8;
}
.zlm dl .sanji li{
	height:35px;
	line-height:35px;
	position:relative;
	text-indent:20px;
}
.zlm dl .sanji li a{
	display:block;
	color:#666;
}
.zlm dl .sanji li i{
	float:right;
	margin-right:10px;
	margin-top:10px;
}
.zlm dl .dropdown-menu{
	position:absolute;
	left:100%;
	top:0;
	background:#f0f0f0;
	width:200px;
	display:none;
}
.zlm dl .sanji li:hover .dropdown-menu{
	display:block;
}
.left_lxxx{
	padding:10px;
	font-size:14px;
	color:#333;
	line-height:25px;
	border:1px solid #EEEEEE;
	border-top:none;
	word-break:break-all;
	background:#fff;
}
.left_lxxx a{
	color:#333;
}
.right_wrap{
	width: 950px;
	overflow:visible;
	float:right;
	background:#fff;
	padding-left: 30px;
}
.right_title{
	padding-bottom:10px;
	border-bottom:1px solid #d8d8d8;
}
.right_title h2{
	font-size:26px;
	font-weight:normal;
}
.tulist{
	overflow:visible;
	clear:both;
	width:100%;
}
.tulist li{
	list-style-type:none;
	float:left;
	width:33.3333333%;
	margin-top:20px;
	padding-right:15px;
	overflow:visible;
	text-align:center;
}
.tulist li .pic{
	display:block;
	border:1px solid #ddd;
	overflow:hidden;
	box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.tulist li img{
	width:100%;
	height:auto;
	display:block;
	transition:0.6s;
}
.tulist li:hover img{
	transform:scale(1.1);
}
.tulist li h3{
	background-color:#f9f9f9;
	height:40px;
	overflow:hidden;
	box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.tulist li h3 a{
	line-height:40px;
	font-size:14px;
	color:#333;
}


.tulist_02{
	width:100%;
	overflow:hidden;
}
.tulist_02 li{
	list-style-type:none;
	float:left;
	width:25%;
	border-right:15px solid #fff;
	margin-bottom:15px;
	text-align:center;
}
.tulist_02 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
	transition:0.6s;
}
.tulist_02 li:hover img{
	transform:scale(1.1);
}
.tulist_02 li h3{
	font-size:14px;
	font-weight:normal;
	display:block;
	line-height:25px;
	margin-top: 10px;
}

.tulist_03{
	width:1250px;
	overflow:hidden;
}
.tulist_03 li{
	list-style-type:none;
	float:left;
	width:399px;
	margin-right:1px;
	text-align:center;
}
.tulist_03 li img{
	width:100%;
	height:auto;
	display:block;
}
.tulist_03 li h3{
	font-size:18px;
	font-weight:normal;
	display:block;
	line-height:60px;
	color:#fff;
	background:#656565;
}
.tulist_03 li h3 a{
	color:#fff;
}

.tuwenlist2{
	height: auto;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}
.tuwenlist2 li{
	list-style-type:none;
	width:33.333333%;
	height:auto;
	overflow:Hidden;
	background:#f9f9f9;
	padding:10px;
}
.tuwenlist2 li .inner{
	border: 1px solid #ccc;
	height: 100%;
	overflow: hidden;
	padding: 10px;
}
.tuwenlist2 li img{
	width:100%;
	height:auto;
	display:block;
	transition:0.6s;
}
.tuwenlist2 li:hover img{
	transform:scale(1.1);
}
.tuwenlist2 li h3{
	overflow:hidden;
	padding:10px;
	border-bottom:1px solid #ddd;
}
.tuwenlist2 li h3 a{
	font-size:16px;
}
.tuwenlist2 li p{
	color:#666;
	display:block;
	overflow:hidden;
	padding:10px 10px 20px 10px;
	line-height:25px;
}
.tuwenlist3 .item{
	overflow: hidden;
	padding: 10px 0 10px 10px;
	background: #fff;
	margin: 10px 0 30px 0;
	box-shadow:0 0px 16px rgba(0,0,0,.18);
	display: flex;
	flex-direction: row;
}
.tuwenlist3 .item .pic{
	width: 250px;
	overflow: hidden;
	float: left;
}
.tuwenlist3 .item .pic img{
	max-width: 100%;
	height: auto;
	display: block;
	transition: 0.6s;
}
.tuwenlist3 .item:hover .pic img{
	transform: scale(1.1);
}
.tuwenlist3 .item .text{
	width: 800px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}
.tuwenlist3 .item .text h2{
	display: block;
	font-size: 18px;
	margin-top: 20px;
}
.tuwenlist3 .item .text p{
	display: block;
	overflow: hidden;
	color: #666;
	margin-top: 10px;
	line-height: 25px;
}
.tuwenlist3 .item .text .more{
	display: block;
	margin-top: 15px;

}
.tuwenlist3 .item .date{
	align-items: stretch;
	border-left:1px solid #ccc;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 150px;
}
.tuwenlist3 .item .date .day{
	font-size: 35px;
	font-weight: bold;
}
.tuwenlist3 .item .date .years{
	font-size: 16px;
	color: #666;
	margin-top: 15px;
}

ul.wzlist{
	width:auto;
	margin-top: 10px;
}
ul.wzlist li{
	line-height:40px;
	border-bottom:1px dotted #ccc;
}
ul.wzlist li i{
	margin-right:10px;
}
ul.wzlist li a{
	line-height: 40px;
	display: block;
	font-size: 16px;
	/* background: url(/web/pic/i2.jpg) left center no-repeat; */
}
ul.wzlist li span{
	float:right;
	margin-right:10px;
	color:#989898;
}
.pro_main{
	margin-top:20px;
	overflow:hidden;
}
.pro_left{
	width:455px;
	float:left;
}
.pro_right{
	height: auto;
	overflow:hidden;
	line-height:25px;
	margin-left: 480px;
}
.pro_right h2{
	font-size:22px;
	padding-bottom:10px;
	display:block;
	font-weight:normal;
}
.pro_info{
	margin-top:10px;
	overflow:hidden;
	line-height:25px;
}
dl.tuwenlist{
	width:100%;
	margin:20px auto;
	padding-bottom:10px;
	overflow:Hidden;
	border-bottom:1px dashed #e1e1e1;
}
dl.tuwenlist dt{
	float:left;
	width:240px;
	overflow:hidden;
}
dl.tuwenlist dt img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
	transition:0.6s;
}
dl.tuwenlist:hover dt img{
	transform:scale(1.1);
}
dl.tuwenlist dd{
	margin-left:280px;
}
dl.tuwenlist dd h2{
	font-size:16px;
	margin-bottom:10px;
}
dl.tuwenlist dd .info{
	font-size:14px;
	line-height:30px;
	color:#666;
}
dl.tuwenlist dd span{
	margin-top:10px;
	float:right;
}
dl.tuwenlist dd span a{
	width:120px;
	height:35px;
	line-height:35px;
	text-align:center;
	display:block;
	font-size:12px;
	color:#fff;
}
.ny_h1{
	font-size:22px;
	text-align:center;
	font-weight:normal;
	display:block;
	margin-top:20px;
}

.wzinfo{
	width:100%;
	text-align:center;
	color:#999;
	margin-top:20px;
	font-size:14px;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:25px;
}
.wzinfo .time{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:20px;
	padding-left:25px;
	background:url(../ico/time.png) left center no-repeat;
}
.wzinfo .click{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:20px;
	padding-left:25px;
	margin-left:50px;
	background:url(../ico/click.png) left center no-repeat;
}

/*----------下载表格----------*/
.biaoge{
	width:100%;
	border-collapse:collapse;
}
.biaoge tr td,.biaoge tr th{
	border:#ccc solid 1px;
    padding:10px 0 10px 15px;
}
.biaoge tr th,.biaoge .down_b{
	background:#fff;
}
.biaoge .fa-caret-right{
	margin-right:10px;
}
.biaoge .fa-cloud-download{
	font-size:30px;
	margin:0px auto;
	display:block;
	text-align:center;
	margin-left:-15px;
}
/*--------------留言表单CSS样式-------------*/
#feedback_txt{
	overflow:hidden;
	padding:10px 10px 10px 60px;
	font-size:16px;
	line-height:25px;
	background:url(../ico/feedback.png) 10px center no-repeat #f1f1f1;
	min-height:50px;
	margin-top:15px;
}
#biaodan{
	width:auto;
	overflow:hidden;
	margin:20px 0 20px 0;
}
#biaodan p{
	display:block;
	margin-top:15px;
	overflow:hidden;
	clear:both;
}
#biaodan p label{
	width:80px;
	float:left;
	text-align:right;
	overflow:hidden;
	margin-right:5px;
	line-height:38px;
}
.itext{
	width:550px;
	height:38px;
	border:1px solid #c8c8c8;
	line-height:38px;
	text-indent:10px;
	display:block;
	float:left;
	overflow:hidden;
	color:#666;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	-moz-box-shadow:2px 2px 5px #ddd inset;
	-webkit-box-shadow:2px 2px 5px #ddd inset;
	box-shadow:2px 2px 5px #ddd inset;
	background:#fff;
}
.icontent{
	width:550px;
	height:85px;
	border:1px solid #c8c8c8;
	line-height:25px;
	text-indent:10px;
	display:block;
	float:left;
	overflow:hidden;
	color:#666;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	-moz-box-shadow:2px 2px 5px #ddd inset;
	-webkit-box-shadow:2px 2px 5px #ddd inset;
	box-shadow:2px 2px 5px #ddd inset;
	background:#fff;
}
.ibtn{
	width:100px;
	height:38px;
	text-align:center;
	line-height:38px;
	-moz-border-radius: 5px;      /* Gecko browsers */
  -webkit-border-radius: 5px;   /* Webkit browsers */
  border-radius:5px;            /* W3C syntax */
	border:none;
	outline:none;
	cursor:pointer;
	margin:5px 20px 5px 5px;
	color:#fff;
}
.ibtn:hover{
	-moz-box-shadow:2px 2px 5px #333;
	-webkit-box-shadow:2px 2px 5px #333;
	box-shadow:2px 2px 5px #333;
	transition:0.6s;
}
/*底部表单*/
.fbiaodan{
	overflow:hidden;
}
.fitem{
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	height: 45px;
	width:270px;
	position: relative;
}
.fitem i{
	color: #fff;
	position: absolute;
	left:0;
	top:11px;
	font-size: 18px;
	width: 30px;
}
.fitem label{
	display: block;
	line-height: 40px;
	float: left;
	width: 90px;
	text-align: right;
}
.ftext{
	height:40px;
	border: none;
	overflow:hidden;
	background:none;
	display: block;
	outline: none;
	width: 100%;
	padding-left: 25px;
	color: #fff;
}
.fcontent{
	height:115px;
	border: none;
	line-height:25px;
	overflow:hidden;
	background:none;
	outline: none;
	padding-left: 25px;
	padding-top: 7px;
	color: #fff;
}
.fbtn{
	cursor:pointer;
	border:none;
	background:#FA7B12;
	text-align:center;
	outline:none;
	display: block;
	height: 40px;
	text-align: center;
	transition: 0.6s;
	color: #fff;
	float: right;
	line-height: 40px;
	padding: 0 35px;
	font-size: 16px;
}

.fbtn:hover{
	/* background: #fff; */
	/* color: #fff; */
}

/*--联系我们通栏表单--*/
.cbiaodan{
	overflow:hidden;
	/* display: inline-block;
	*display: inline;
	*zoom:1; */
	background: #D2DCE5;
}
.cbiaodan p{
	display:block;
	float: left;
	width: 385px;
	padding: 5px 0;
	background: #fff;
	-moz-border-radius: 10px;      /* Gecko browsers */
  -webkit-border-radius: 10px;   /* Webkit browsers */
  border-radius:10px;            /* W3C syntax */
	overflow:hidden;
	position: relative;
}
.cbiaodan p i{
	width: 40px;
	height:40px;
	float: right;
	border-left: 1px solid #ddd;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #999;
	position: absolute;
	right: 0;
	top:5px;
}
.ctext{
	height:40px;
	text-indent:10px;
	line-height:40px;
	border:none;
	width:100%;
	/* margin-bottom: 15px; */
	overflow:hidden;
	/* -moz-box-shadow:2px 2px 5px #ccc inset;
	-webkit-box-shadow:2px 2px 5px #ccc inset;
	box-shadow:2px 2px 5px #ccc inset; */
	background:none;
}
.ccontent{
	width:100%;
	height:110px;
	border:none;
	padding:10px 10px 10px 10px;
	line-height:20px;
	overflow:hidden;
	background: none;
	outline: none;
	/* -moz-box-shadow:2px 2px 5px #ccc inset;
	-webkit-box-shadow:2px 2px 5px #ccc inset;
	box-shadow:2px 2px 5px #ccc inset; */
}
.cbtn{
	cursor:pointer;
	/* display:inline-block;
	*display: inline;
	*zoom:1; */
	border:none;
	background:#819355;
	line-height:40px;
	text-align:center;
	float: right;
	padding: 0 15px;
	text-transform: uppercase;
	color:#fff;
	/* margin-top: 10px; */
	/* font-size: 16px; */
	display: block;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
		/* opacity: 0.6; */
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
	/* opacity: 0.6; */
}

textarea:-ms-input-placeholder,input:-ms-input-placeholder{
	color: #999;
	/* opacity: 0.6; */
}

textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{
	color: #999;
	/* opacity: 0.6; */
}
/*---------------其它碎片样式代码------------*/
#about_box{
	overflow: visible;
	position: relative;
	padding-bottom: 35px;
}
#about_left{
	width:640px;
	overflow: hidden;
	float: left;
}
#about_pic{
	overflow:visible;
	width: 585px;
	float: left;
}
#about_pic img{
	display: block;
	float: left;
	/* max-width: 100%;
	height: auto; */
}
#about_right{
	width: 560px;
	float: right;
}
#about_right img{
	/* max-width:100%;
	height:auto;
	display:block;
	margin: 0px auto; */
}

#about_title{
	overflow: hidden;
	margin-top: 20px;
}
#about_title .shang{
	font-size: 24px;
	overflow: hidden;
}
#about_title .shang:after{
	/* content: "";
	width: 20px;
	height: 5px;
	display: block;
	background: #A9CC00;
	position: absolute;
	right:0;
	top:50%;
	margin-top: -2.5px; */
}
#about_title .line{
	width:30px;
	height: 1px;
	display: block;
	background:#999;
	margin-top: 25px;
}

#about_title .xia{
	overflow: hidden;
	font-size:18px;
	margin-top: 5px;
	color: #666;
}
#about_txt{
	overflow: hidden;
	line-height: 30px;
	margin-top: 25px;
	font-size: 16px;
}
#about_txt img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0px auto;
}

#news_box{
	overflow: hidden;
	width: 890px;
	float: right;
	margin-top: 40px;
}
#news_box img{
	max-width:100%;
	height:auto;
	display:block;
	transition: 0.6s;
}
#other_box{
	overflow:hidden;
	width: 485px;
	float: right;
}
#other_box .pic img{
	max-width:100%;
	height:auto;
	display:block;
	transition: 0.6s;
}

/*---------我们的优势----------*/
.ys{
	overflow:hidden;
	height: 740px;
	position: relative;
}
.ys .ys_pic{
	position: absolute;
}
.ys .ys_pic img{
	transition: 0.6s;
	max-width: 100%;
	height: auto;
	display: block;
}
.ys #ys_pic1{
	width: 608px;
	right:0;
	top:0;
}
.ys #ys_pic2{
	width: 587px;
	left:0;
	bottom:0;
}
.ys_box{
	overflow: hidden;
	width: 500px;
	position: absolute;
}
#ys_box1{
	left:0;
	top:20px;
}
#ys_box2{
	right:0;
	bottom:65px;
}
.ys .ys_txt{
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 40px;
}
.ys #ys_txt1,
.ys #ys_txt3{
	background: url(/web/pic/bolang.png) left bottom repeat-x;
}
.ys .ys_txt dl{
	overflow: hidden;
}
.ys .ys_txt dt{
	width: 57px;
	height: 57px;
	overflow: hidden;
	float: left;
	position: relative;
}
.ys .ys_txt dt .kuang{
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	border: 3px solid #C88101;
	position: absolute;
	right:0;
	bottom:0;
	z-index: 1;
}
.ys .ys_txt dt .fang{
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	background: #C88101;
	position: absolute;
	left:0;
	top:0;
	z-index: 2;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
.ys .ys_txt dd{
	margin-left: 77px;
	overflow: hidden;
}

.ys .ys_txt dt .line{
	overflow: hidden;
	width: 33px;
	height: 3px;
	display: block;
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ys .ys_txt dd .shang{
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
}
.ys .ys_txt dd .line{
	overflow: hidden;
	margin-top: 10px;
	color: #999;
}
.ys .ys_txt dd .zhong{
	overflow: hidden;
	color: #666;
	margin-top: 10px;
}
.ys .ys_txt dd .xia{
	overflow: hidden;
	margin-top: 10px;
	line-height: 25px;
	/* color: #666; */
}
/* .ys #ys_txt1{
	left:0;
	top:275px;
}
.ys #ys_txt2{
	left:280px;
	top:267px;
}
.ys #ys_txt3{
	left:645px;
	top:130px;
}
.ys #ys_txt4{
	right:0;
	top:270px;
} */



.news_l{
	overflow:hidden;
	width: 600px;
	float: left;
	position: relative;
}
.news_l .line{
	width: 3px;
	height: 75px;
	display: block;
	background: #83b700;
	position: absolute;
	left:18px;
	top:300px;
	z-index: 10;
}
.news_l a{
	display: block;
	overflow: hidden;
}
.news_l .pic{
	display: block;
	overflow: hidden;
	height: 335px;
	position: relative;
}
.news_l .pic img{
	max-width: 100%;
	height: auto;
	display: block;
	transition: 0.6s;
	margin-top: -57.5px;
}
.news_l:hover .pic img{
	transform: scale(1.1);
}

/* .news_l h3{
	overflow: hidden;
	font-size: 18px;
	font-weight: normal;
	margin-top: 15px;
}
.news_l h3 span{
	color: #da251c;
}
.news_l .time{
	overflow: hidden;
	margin-top: 15px;
	color: #999;
}
.news_l p{
	display: block;
	color: #666;
	line-height: 25px;
	margin-top: 10px;
}
.news_l .detail{
	display: block;
	margin-top: 15px;
	color: #999;
}
.news_l .detail .iconfont{
	margin-left: 10px;
	vertical-align: middle;
} */

.news_content{
	overflow: hidden;
}
.news_content dl{
	overflow:hidden;
	transition: 0.6s;
	margin-bottom: 60px;
}
.news_content dl:hover{
	/* background: #83b700; */
}
.news_content dl:last-child,
.news_content #dl4{
	/* margin-bottom: 0!important;
	padding-bottom: 0!important;
	border: none!important; */
}
.news_content dl a{
	display: block;
	overflow: hidden;
}
.news_content dl dt{
	float: left;
	overflow: hidden;
	text-align: center;
	width: 105px;
	height: 105px;
	background: #fff;
	transition: 0.6s;
}
.news_content dl:hover dt{
	background: #C88101;
}
.news_content dl dt img{
	max-width: 100%;
	height: auto;
	display: block;
	transition: 0.6s;
}
.news_content dl:hover dt img{
	transform: scale(1.1);
}
.news_content dl dt .ri{
	display: block;
	font-size: 36px;
	font-weight: bold;
	margin-top: 15px;
}
.news_content dl dt .nian{
	display:block;
}
.news_content dl dt .nian:after{
	/* content: "";
	width: 50px;
	height: 1px;
	background: #eee;
	position: absolute;
	left:50%;
	margin-left: -25px;
	top:100%; */
}
.news_content dl dd{
	overflow: hidden;
	margin-left: 130px;
}

.news_content dl h3{
	display:block;
	font-size:17px;
	overflow: hidden;
	color: #fff;
	margin-top: 10px;
	/* font-weight: normal; */
}
.news_content dl p{
	overflow:hidden;
	color: #fff;
	line-height: 25px;
	transition: 0.6s;
	margin-top: 10px;
}
.news_content dl .xia{
	overflow: hidden;
	margin-top: 15px;
}
.news_content dl .time{
	color: #999;
	overflow: hidden;
	float: left;
}
.news_content dl .detail{
	color: #999;
	overflow: hidden;
	float: right;
}

.news_content dl .detail .iconfont{
	margin-left: 10px;
	font-size: 18px;
	vertical-align: middle;
}


#link_title{
	overflow:hidden;
	float: left;
	color: #fff;
	font-size: 14px;
}

.index_ad{
	overflow:hidden;
	position: relative;
	margin-top: 50px;
}
.index_ad img{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	/* max-width:100%;
	height:auto;
	display:block;
	margin: 0px auto; */
}
#index_ad_box{
	overflow:hidden;
	position: absolute;
	left:50%;
	margin-left: -600px;
	top:90px;
}
.index_ad_txt{
	overflow: hidden;
	color: #fff;
}
.index_ad_txt .dazi{
	font-size: 32px;
	overflow: hidden;
	font-weight: bold;
}
.index_ad_txt .xiaozi{
	font-size:22px;
	overflow: hidden;
	margin-top: 25px;
	width: 845px;
	padding-left: 75px;
	padding-right: 10px;
	position: relative;
	line-height: 45px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 50px;
}
.index_ad_txt .xiaozi::before{
	content: "";
	width: 44px;
	height: 38px;
	position: absolute;
	left:0;
	top:0;
	background: url(/web/pic/before.png) no-repeat;
}
.index_ad_txt .xiaozi::after{
	content: "";
	width: 44px;
	height: 38px;
	position: absolute;
	right:0;
	bottom:0;
	background: url(/web/pic/after.png) no-repeat;
}

.index_ad_txt .detail{
	display: block;
	width: 135px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin-top: 75px;
	color: #fff;
	border: 1px solid #fff;
	transition: 0.6s;
	font-size: 16px;
}
.index_ad_txt .detail:hover{
	background: #0061A6;
	border-color: #0061A6;
	color: #fff;
}

#vlist{
	overflow:hidden;
	width: auto;
	text-align: center;
}
#vlist li{
	overflow:hidden;
	text-align: center;
	position: relative;
	display: block;
	height: 315px;
	/* display: inline-block;
	*display: inline;
	*zoom:1;
	width: 310px;
	margin-left: 40px;
	margin-right: 40px; */
}
#vlist #li2{
	margin-top: 20px;
}
#vlist li a{
	display: block;
	overflow: hidden;
}
/* #vlist li .shang{
	width: 310px;
	height: 310px;
	border: 1px solid #ddd;
	overflow: hidden;
	position: relative;
}
#vlist li:hover .shang{
	border-color: #da251c;
} */
#vlist li .pic{
	display:block;
	overflow:hidden;
	/* width:100%;
	position: relative;
	width: 280px;
	height: 280px;
	margin: 15px; */
}
#vlist li .pic img{
	max-width:100%;
	height:auto;
	display:block;
	transition:0.6s;
	margin-top: -60px;
}
#vlist li:hover .pic img{
	transform:scale(1.1);
}
#vlist li .zhezhao{
	width:100%;
	height:100%;
	position:absolute;
	background:url(/web/pic/play.png) center center no-repeat rgba(0,0,0,0.1);
	z-index:10;
	left:0;
	top:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#vlist li .zhezhao i{
	color:#fff;
	font-size:60px;
	margin:0 auto;
	transition:1s;
}
#vlist li:hover .zhezhao i{
	transform: rotate(360deg);
}
/* #vlist li .ico img{
	max-width: 100px;
	height: auto;
	display: block;
	margin: 0px auto;
}

#vlist li .vinfo{
	overflow: hidden;
	margin-top: 20px;
} */
#vlist li .line{
	width: 30px;
	height: 1px;
	display: block;
	margin: 30px auto 0 auto;
	background: #da251c;
}
#vlist li h3{
	font-size:18px;
	display:block;
	font-weight:normal;
	margin-top: 15px;
	/* color: #fff;
	text-transform: uppercase; */
}
#vlist li p{
	line-height:20px;
	color:#666;
	margin-top:10px;
	display:block;
}
#vlist li .detail{
	width: 195px;
	height: 50px;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	margin: 30px auto 0 auto;
	line-height: 50px;
}
/* banner */
.banner { width: 100%; min-width:1200px;height:750px; overflow: hidden; position: relative; text-align: center;background:#fff!important;}
.banner:hover .ctrl { width: 1200px; margin-left: -600px; opacity: 1; filter: alpha(opacity = 100); }
.banner .bd { height:750px; position: relative; left: 50%; margin-left: -960px;}
.banner .bd li { width: 1920px; }
/*banner2*/
.bxslider{
	min-width:1200px;
}
.bxslider li{
	height:680px;
}
.bxslider li a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.maplist dl{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
.maplist dl dt{
	display:block;
	line-height:30px;
	background:#f0f0f0;
	font-size:18px;
	text-indent:25px;
}
.maplist dl dd{
	margin-top:20px;
	padding-left:30px;
}
.maplist dl dd a{
	margin-right:30px;
}
.index_lm{
	overflow: hidden;
	width: 1250px;
}
.index_lm li{
	overflow: hidden;
	float: left;
	width: 380px;
	height: 175px;
	background: #fff;
	transition: 0.6s;
	margin-right: 30px;
	position: relative;
}
.index_lm a{
	display:block;
	overflow:hidden;
}
.index_lm .layer1{
	text-align: center;
	line-height: 175px;
	font-size: 20px;
	font-weight: bold;
}
.index_lm .layer1 img{
	max-width: 50px;
	height: auto;
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align: middle;
	margin-right: 8px;
}
.index_lm .layer2{
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	z-index: 10;
	background: #E9460B;
	/* transition: 0.6s; */
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
}
.index_lm .layer2 .num{
	overflow: hidden;
	position: absolute;
	left:0;
	bottom:-22px;
	font-size: 136px;
	color: rgba(255, 255, 255, 0.2);
}
.index_lm .layer2 .info{
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	z-index: 20;
	transition: 0.6s;
	padding: 30px 35px 0 35px;
	color: #fff;
}
.index_lm .layer2 .info .shang{
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
}
.index_lm .layer2 .info .xia{
	overflow: hidden;
	line-height: 25px;
	margin-top: 10px;
}
.index_lm li:hover .layer2{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
}

#so{
	display:block;
	float:right;
	overflow: hidden;
	margin-left: 20px;
}
#so span,
#so i,
#so a{
	font-size:20px;
	cursor: pointer;
	line-height: 95px;
	/* color: #fff;
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	background: #d30f06;
	text-transform: uppercase; */
}
#hot_l{
	width:830px;
	float: left;
	overflow:hidden;
	line-height: 50px;
}
#hot_l #hot{
	display:block;
	float:left;
	font-weight: bold;
	color: #0573bd;
	/*padding-left: 35px;
	background: url(/web/pic/hot.png) left center no-repeat; */
}
#hot_l a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	/* padding: 0 5px 0 5px; */
	margin-left: 20px;
	/* border-right:1px solid rgba(255,255,255,0.5);
	line-height:14px;
	height:14px; */
}
#other{
	height:95px;
	position:relative;
	cursor:pointer;
	float:left;
	z-index: 999999999;
	margin-left: 5px;
}
#other p{
	display:block;
	cursor:pointer;
	/* background: #f0f0f0; */
	padding: 0 10px;
	transition: 0.6s;
	height:95px;
	line-height: 95px;
	overflow: hidden;
	font-size: 16px;
}
#other p span{
	margin-right: 10px;
	font-size: 18px;
	vertical-align: middle;
}
#other p i{
	font-size:18px;
}
#other p .fa-dribbble{
	margin-right: 10px;
}
#other p .fa-angle-down{
	margin-left: 10px;
}
#other ul{
	position:absolute;
	right:0;
	top:95px;
	width:100%;
	display:none;
	background:#666;
	z-index:9999999;
}
#other ul li{
	line-height:40px;
	text-align:center;
	border-bottom:1px dotted rgba(255,255,255,0.2);
}
#other ul li a{
	color:#fff;
	display:block;
	transition:0.6s;
}
#other:hover ul{
	display:block;
}

/*首页产品循环*/
.index_pro{
	margin-top:40px;
	overflow:hidden;
}
.index_pro ul{
	width:1250px;
	overflow:hidden;
}
.index_pro ul li{
	width:285px;
	float:left;
	overflow:hidden;
	text-align:center;
	margin-right:20px;
}
.index_pro ul li img{
	max-width:100%;
	height:auto;
	display:block;
	transition:0.6s;
	border:1px solid #ccc;
}
.index_pro ul li:hover img{
	border-color:#0000FE;
}
.index_pro ul li h3{
	display:block;
	margin-top:10px;
}
.index_pro ul li h3 a{
	font-weight:normal;
	font-size:14px;
}
#top_tel{
	overflow: hidden;
	float: right;
	margin-right: 20px;
	padding-left: 40px;
	background: url(/web/pic/t.png) left center no-repeat;
	color: #83b700;
	font-size: 24px;
	line-height: 45px;
}
#top_tel i{
	font-size: 18px;
	margin-right: 6px;
	/* vertical-align: middle; */
}
#top_email{
	overflow: hidden;
	margin-top: 15px;
	font-size: 18px;
	color: #2ea7e0;
}
#top_email a{
	color: #2ea7e0;
}
#top_email i{
	font-size: 18px;
	/* vertical-align: middle; */
	margin-right: 6px;
}
/*选项卡1*/
#slideBox1{
	height: auto;
	overflow:hidden;
}
#slideBox1 .hd{
	height: 60px;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #ffa61a;
}
#slideBox1 .hd ul{
	height: auto;
	overflow: hidden;
	text-align: center;
	float: left;
}
#slideBox1 .hd ul li{
	cursor:pointer;
	float: left;
	height: 60px;
	line-height: 60px;
	position: relative;
}
#slideBox1 .hd ul li a{
	display: block;
	font-size: 20px;
	color: #fff;
	padding: 0 30px;
}
#slideBox1 .hd ul li.on a{
	background-color: #cc0000;
}
#slideBox1 .hd ul li.on:after{
	/* content: "";
	width: 100%;
	height: 3px;
	display: block;
	background: #D80001;
	position: absolute;
	left:0;
	bottom:-1px;
	z-index: 10; */
	/* border: solid transparent;
	content: ' ';
	height: 0;
	top:100%;
	position: absolute;
	width: 0;
	border-width: 10px;
	border-top-color: #F88C41;
	left: 50%;
	margin-left: -10px; */
}
#slideBox1 .bd{
	overflow:visible;
	padding: 0 30px;
}
#slideBox1 .bd ul{
	/* width: auto; */
	overflow: visible;
}

/*选项卡2*/

.slideBox2{
	height: auto;
	overflow:hidden;
	min-height: 360px;
}
.slideBox2 .hd{
	width: 220px;
	height: auto;
	overflow: hidden;
	float: left;
}
.slideBox2 .hd ul{
	width:100%;
	height: auto;
	overflow:hidden;
}
.slideBox2 .hd ul li{
	font-size:16px;
	height: 60px;
	line-height:60px;
	overflow: hidden;
	cursor:pointer;
	margin-top: 15px;
	text-align: center;
	text-transform: capitalize;
}
.slideBox2 .hd ul li a{
	display:block;
	color: #fff;
	background-color: #096fb9;
}
.slideBox2 .hd ul li.on a{
	background-color: #49b140;
}
.slideBox2 .bd{
	width: 940px;
	height: auto;
	overflow: visible;
	float: right;
}
.slideBox2 .bd ul{
	height: auto;
	overflow:visible;
}
/*选项卡3*/
.slideBox3{
	height: auto;
	overflow:visible;
}
.slideBox3 .hd{
	height: auto;
	overflow:hidden;
}
.slideBox3 .hd ul{
	height: auto;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}
.slideBox3 .hd ul li{
	cursor:pointer;
	height: auto;
	overflow: hidden;
	padding: 0 13px;
}
.slideBox3 .hd ul li .iconfont{
	font-size: 20px;
	float: right;
}
.slideBox3 .hd ul li a{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	background-color: #f5f5f5;
	padding: 0 30px;
	border-radius: 21px;
}
.slideBox3 .hd ul li.on a{
	background-color: #cc0000;
	color: #fff;
}
/*
.slideBox3 .hd ul li.on:after{
	border: solid transparent;
	content: ' ';
	height: 0;
	top:50%;
	position: absolute;
	width: 0;
	border-width: 10px;
	left: 100%;
	margin-top:-10px;
	border-left-color:#113653;
} */
.slideBox3 .hd .arrow{
	display: block;
	overflow: hidden;
	margin-top: 50px;
}
.slideBox3 .hd .prev,
.slideBox3 .hd .next{
	width: 45px;
	height: 45px;
	display: block;
	float: left;
	border: 1px solid #10398B;
	text-align: center;
	line-height: 45px;
	margin-right: 25px;
	transition: 0.5s;
	cursor: pointer;
}
.slideBox3 .hd .prev:hover,
.slideBox3 .hd .next:hover{
	background: #10398B;
}
.slideBox3 .hd .prev .fa,
.slideBox3 .hd .next .fa{
	font-size: 26px;
	line-height: 45px;
	color: #10398B;
}
.slideBox3 .hd .prev:hover .fa,
.slideBox3 .hd .next:hover .fa{
	color: #fff;
}
.slideBox3 .bd{
	height: auto;
	overflow: visible;
}
.slideBox3 .bd ul{
	height: auto;
	overflow: visible;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}
.slideBox3 .bd ul li{
	width: 25%;
	height: auto;
	position: relative;
	background-color: #fff;
	transition: 0.6s;
	margin-top: 26px;
	padding: 10px;
	webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.slideBox3 .bd ul li a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.slideBox3 .bd ul li .pic{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
}
.slideBox3 .bd ul li .pic img{
	width: auto;
	height: 250px;
	display: block;
	margin: 0 auto;
	transition: 0.6s;
}
.slideBox3 .bd ul li .title{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	transition: 0.6s;
	margin-top: 5px;
	text-align: center;
}
.slideBox3 .bd ul li .info{
	color: #333;
	font-size: 14px;
	line-height: 38px;
	height: 38px;
	overflow: hidden;
	padding: 0 15px;
	background-color: #f5f5f5;
	transition: 0.6s;
}
.slideBox3 .bd ul li .cover{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
	transition: 0.6s;
	opacity: 0;
	visibility: hidden;
	padding: 15px 20px;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
}
.slideBox3 .bd ul li .cover .inner{
	position: relative;
	height: 100%;
	border: 1px solid #fff;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
}
.slideBox3 .bd ul li .cover .inner .title-2{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.slideBox3 .bd ul li .cover .inner .icon{
	width: 100%;
	text-align: center;
	line-height: 1;
	margin-top: 30px;
}
.slideBox3 .bd ul li .cover .inner .icon i{
	color: #fff;
	display: inline-block;
	font-size: 40px;
}
.slideBox3 .bd ul li a:hover{
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.slideBox3 .bd ul li:hover img{
	transform: scale(1.1);
}
.slideBox3 .bd ul li:hover .info{
	color: #fff;
	background-color: #cc0000;
}
/* .slideBox3 .bd ul li:hover .title{
	opacity: 0;
	visibility: hidden;
} */
.slideBox3 .bd ul li:hover .cover{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.slideBox3 .bd ul li .xia{
	overflow: hidden;
	padding: 15px;
	background: #f0f0f0;
}
.slideBox3 .bd ul li h3{
	display: block;
	font-size: 16px;
	font-weight: normal;
	overflow: hidden;
}
.slideBox3 .bd ul li p{
	display: block;
	overflow: hidden;
	margin-top: 5px;
	color: #666;
}

.tab-product-wrap{
	height: auto;
	min-height: 450px;
	overflow: hidden;
	position: relative;
	z-index: 11;
}
.tab-product-wrap::before{
	content: '';
	width: 100%;
	height: 430px;
	background-color: #f5f5f5;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: -1;
}
.tab-product-wrap .pic{
	width: 640px;
	height: auto;
	overflow: hidden;
}
.tab-product-wrap .pic img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
/* .tab-product-wrap .pic:hover img{
	transform: scale(1.1);
} */
.tab-product-content{
	width: 560px;
	padding-left: 170px;
	padding-top: 70px;
}
.tab-product-content .more{
	height: auto;
	overflow: hidden;
}
.tab-product-content .more a{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	padding: 0 55px;
	color: #fff;
	background-color: #003e71;
	text-transform: uppercase;
}
.tab-product-content .title{
	height: auto;
	overflow: hidden;
	line-height: 1.5;
}

/*选项卡1*/
.slideBox4{
	margin:0px auto;
	overflow:hidden;
}
.slideBox4 .hd{
	overflow:visible;
	position: absolute;
	left:0;
	bottom:0;
}
.slideBox4 .bd{
	overflow: hidden;

}
.slideBox4 .tempWrap{
	float: left;
}
.slideBox4 .bd ul{
	overflow:hidden;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox4 .pageState{
	display: inline-block;
	*display: inline;
	*zoom:1;
	width: 50px;
	font-size: 24px;
	color: #666;
	font-weight: normal;
	letter-spacing: 6px;
}
.slideBox4 .pageState:after{
	content: "";
	width: 555px;
	height: 1px;
	display: block;
	background: #ccc;
	left:50px;
	top:50%;
	margin-top: -12.5px;
	position: absolute;
}
.slideBox4 .pageState span{
	color: #f5821f;
}
.slideBox4 .prev,.slideBox4 .next{
	overflow: hidden;
	float: left;
	width: 23px;
	height: 13px;
	margin-right: 20px;
	display: block;
	cursor: pointer;
}
.slideBox4 .prev{
	float:left;
	background: url(/web/pic/l.png) no-repeat;
}
.slideBox4 .prev:hover{
	background: url(/web/pic/ll.png) no-repeat;
}
.slideBox4 .next{
	background: url(/web/pic/r.png) no-repeat;
}
.slideBox4 .next:hover{
	background: url(/web/pic/rr.png) no-repeat;
}
/*--和第1种一样--*/
#slideBox5{
	overflow:visible;
	padding: 0 25px;
}
#slideBox5 .hd{
	height: auto;
	overflow: visible;
}
#slideBox5 .hd ul{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}
#slideBox5 .hd ul li{
	transition: 0.6s;
	height: auto;
	overflow: hidden;
	margin: 0 13px;
}
#slideBox5 .hd ul li a{
	display: block;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	background-color: #f5f5f5;
	border-radius: 21px;
	padding: 0 30px;
}
#slideBox5 .hd ul li.on:after{
	/* border: solid transparent;
	content: ' ';
	height: 0;
	top:100%;
	position: absolute;
	width: 0;
	border-width: 16px;
	border-top-color: #F06216;
	left: 50%;
	margin-left:-16px;
	z-index: 99; */
}
#slideBox5 .hd ul li.on a{
	background-color: #cc0000;
	color: #fff;
}
#slideBox5 .bd{
	overflow:visible;
}
#slideBox5 .bd ul{
	overflow: visible;
}
/*文字左右滚动*/
.txt-left{
	width:995px;
	position:relative;
	float:left;
	margin-left:20px;
}
.txt-left .hd{
	overflow:hidden;
	float:left;
	width:25px;
	margin-right:20px;
	display:none;
}
.txt-left .hd .prev,.txt-left .hd .next{
	display:block;
	width:5px;
	height:9px;
	margin-top:10px;
	overflow:hidden;
	cursor:pointer;
	float:left;
	background:url("../images/icoLeft.gif") no-repeat;
}
.txt-left .hd .next{
	background:url("../images/icoRight.gif") no-repeat;
	margin-left:10px;
}
.txt-left .bd .tempWrap{
	width:900px !important;
}/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txt-left .bd ul{
	overflow:hidden;
	zoom:1;
}
.txt-left .bd ul li{
	margin-right:20px;
	float:left;
	height:25px;
	line-height:25px;
	text-align:left;
	_display:inline;
	width:auto !important;
}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txt-left .bd ul li span{
	color:#999;
	margin-left:10px;
}

/* 图片向左滚动*/
.picMarquee-left{
	width:auto!important;
	overflow:hidden;
}
.picMarquee-left .hd{
	overflow:hidden;
	height:30px;
	background:#f4f4f4;
	padding:0 10px;
	display:none;
}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{
	display:block;
	width:5px;
	height:9px;
	float:right;
	margin-right:5px;
	margin-top:10px;
	overflow:hidden;
	cursor:pointer;
	background:url("../images/arrow.png") no-repeat;
}
.picMarquee-left .hd .next{
	background-position:0 -50px;
}
.picMarquee-left .hd .prevStop{
	background-position:-60px 0;
}
.picMarquee-left .hd .nextStop{
	background-position:-60px -50px;
}
.picMarquee-left .bd{
	overflow:hidden;
}
.picMarquee-left .bd ul{
	overflow:hidden;
	zoom:1;
}
.picMarquee-left .bd ul li{
	width:220px!important;
	float:left;
	_display:inline;
	overflow:hidden;
	position: relative;
	margin-right: 20px;
}
.picMarquee-left .bd ul li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
	transition: 0.6s;
}
.picMarquee-left .bd ul li:hover img{
	transform: scale(1.1);
}
.picMarquee-left .bd ul li a{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	background:rgba(243,178,146,0.5);
	transition:0.6s;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	transform:scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
	padding: 10px;
	text-align: center;
}
.picMarquee-left .bd ul li:hover a{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.picMarquee-left .bd ul li a i{
	font-size:26px;
	display:block;
	margin:20% auto 0 auto;
	color: #fff!important;
}
.picMarquee-left .bd ul li a h3{
	font-size:18px;
	color:#fff;
	display:block;
	font-weight:normal;
	margin-top: 10%;
	padding: 0 10px;
}
/* 本例子css */
.picMarquee-top{ margin:0 auto;  width:100%; overflow:hidden; position:relative;}
.picMarquee-top .hd{ overflow:hidden;display: none;}
.picMarquee-top .hd .prev,.picMarquee-top .hd .next{ display:block;  width:50px; height:50px; float:right; margin-left:10px; margin-top:10px;  overflow:hidden;cursor:pointer; text-align: center;background:#fff;color: #951F1F;}
.picMarquee-top .hd .prev i,.picMarquee-top .hd .next i{
	font-size: 40px;
	line-height: 50px;
}
.picMarquee-top .hd .next{ background:#951F1F;color: #fff;}
.picMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
.picMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
.picMarquee-top .bd{}
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{zoom:1;margin-top:10px;overflow: hidden;text-align: center;}
.picMarquee-top .bd ul li .pic{ text-align:center; height:210px;overflow:hidden;border: 10px solid #fff;display: block;}
.picMarquee-top .bd ul li .pic img{ width:100%; height:auto; display:block; }
.picMarquee-top .bd ul li .title{
	overflow: hidden;
	margin-top: 10px;
}

/*---平行四边形-----*/

.pingxing {
	width: 165px;
	height: 165px;
	display: block;
	float: left;
	overflow: hidden;
	transform:rotate(45deg);
	position: absolute;
}

/*－－－六边形---
<div class="boxF" id="cp($step /)">
	<div class="boxS">
		<div class="boxT" style="background-image: url(($picurl /));">
			<a href="($theurl /)" title="($titles /)">
			<div class="overlay">
				<div class="name transition3">($title /)</div>
			</div>
			</a>
		</div>
	</div>
</div>
*/
.boxF, .boxS, .boxT, .overlay
{
	/*如果要尖朝上则把数字改为200x250即可，记得背景要换成正方形的图片才能铺满*/
	/*如果要平顶朝上则把数字改为213x185即可，记得背景要换成正方形的图片才能铺满*/
	/*小数除以大数需要＝0.8*/
	width: 215px;
	height: 172px;
	overflow: hidden;
}
.boxF, .boxS
{
	/*如果要尖朝上则把数字改为200x250即可，记得背景要换成正方形的图片才能铺满*/
	/*如果要平顶朝上则把数字改为213x185即可，记得背景要换成正方形的图片才能铺满*/
	width: 215px;
	height: 172px;
	visibility: hidden;
}
.boxF
{
	/*需要不规则排列绝对定位需要将此处改为position:absolute然后和其它元素一样定位即可*/
	position:absolute;
	transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
}
.boxS
{
	transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
}
.boxT
{

	/* background: no-repeat 50% center;
	background-size: 125% auto; */
	background-size: cover;
	transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	visibility: visible;
}
.overlay
{
	transition: all 550ms ease-in-out 0s;
	/* display: none; */
	position: relative;
}
.overlay:hover
{
	background-color: rgba(0,0,0,0.3);
}
.boxT:hover .overlay
{
	display: block;
}
.overlay .name{
	display: inline-block;
	position: absolute;
	top: 65px;
	left:0;
	font-size:32px;
	text-align:center;
	color:#009fe8;
	width:100%;
}
/*----菱形------
<li id="li1">
	<a href="#">
		<img src="/web/pic/1.jpg" alt="">
		<span class="kuang"><h4>标题</h4></span>
	</a>
</li>
*/
#lingxing{
	width:100%;
	overflow:hidden;
	height:325px;
	position:relative;
}
#lingxing li{
	position:absolute;
	width:220px;
	height:220px;
	overflow:hidden;
}
#lingxing li .kuang{
	display:block;
	width:152.5px;
	height:152.5px;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	z-index:1;
	background: rgba(0, 0, 0, 0.5);
	filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
	transition: 1s;
}
#lingxing li:hover .kuang{
	filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}
#lingxing li a{
	display:block;
	width:152.5px;
	height:152.5px;
	overflow:hidden;
	text-align:center;
	position:absolute;
	z-index:10;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	top:31px;
	left:31px;
	border:2px solid #ccc;
}
#lingxing li img{
	max-width:100%;
	height:auto;
	display:block;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
#lingxing li h4{
	font-size:18px;
	font-weight:normal;
	position:absolute;
	z-index:5;
	left:50%;
	bottom:60px;
	width:120px;
	text-align:center;
	margin-left:-60px;
	word-break:break-word;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);

	color:#fff;
}
#lingxing #li1{
	left:1px;
	top:1px;
}
#lingxing #li2{
	left:216px;
	top:1px;
}
#lingxing #li3{
	left:432px;
	top:1px;
}
#lingxing #li4{
	left:648px;
	top:1px;
}
#lingxing #li5{
	left:864px;
	top:1px;
}
#lingxing #li6{
	left:108px;
	top:108px;
}
#lingxing #li7{
	left:324px;
	top:108px;
}
#lingxing #li8{
	left:540px;
	top:108px;
}
#lingxing #li9{
	left:756px;
	top:108px;
}
#lingxing #li10{
	left:972px;
	top:108px;
}
#shuzi_zone{
	overflow: hidden;
	background: #fff;
	overflow: hidden;
	box-shadow:0 0px 16px rgba(0,0,0,.15);
	padding: 40px 0;
	position: absolute;
	left:0;
	bottom:0;
	z-index: 10;
	width: 100%;
	-moz-border-radius-bottomleft: 50px;
	-webkit-border-bottom-left-radius: 50px;
	border-bottom-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-webkit-border-top-right-radius: 50px;
	border-top-right-radius: 50px;
}
#shuzi_zone ul{
	overflow:hidden;
	width: auto;
}
#shuzi_zone ul li{
	overflow: visible;
	float: left;
	display: block;
	position: relative;
	width: 25%;
	text-align: center;
	/* margin-right: 30px; */
}
/* #shuzi_zone ul li:after{
	content: "";
	width: 8px;
	height: 8px;
	background: url(/web/pic/quan.png) no-repeat;
	position: absolute;
	left:100%;
	top:20px;
	margin-left: -4px;
}
#shuzi_zone ul #li4:after{
	display: none;
} */
#shuzi_zone ul li .shang{
	overflow: hidden;
	font-size: 30px;
	color: #d30f06;
	font-weight: bold;
}
#shuzi_zone ul li .counter{
	font-size:50px;
	margin-right: 10px;
}
#shuzi_zone ul li .xia{
	display:block;
	overflow: hidden;
	margin-top: 15px;
	/* color: #fff; */
	font-size: 16px;
}
/* 本例子css */
.txtMarquee-top{
	overflow:visible;
	position:relative;
}
.txtMarquee-top .hd{ overflow:hidden;position: absolute;right:0;top:-90px;display:none;}
.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{
	display:block;
	width:35px;
	height:35px;
	float:right;
	margin-right:5px;
	margin-top:10px;
	overflow:hidden;
	cursor:pointer;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.txtMarquee-top .hd .prev{
	background: #DFDFDF;
}
.txtMarquee-top .hd .next{
	background: #028CD7;
}
.txtMarquee-top .bd{}
.txtMarquee-top .bd ul{}
.txtMarquee-top .bd ul li{overflow:hidden;}
#index_fenlei{
	overflow:hidden;
}
#index_fenlei dl{
	overflow:hidden;
	float: left;
	width: 400px;
	height:170px;
	padding: 0 15px;
}
#index_fenlei dl:nth-child(even){
	background: #F9F7F8;
}
#index_fenlei dl dt{
	height:170px;
	float:left;
	overflow:hidden;
	display: flex;
  justify-content:center;
  align-items:Center;
	width: 120px;
}
#index_fenlei dl dd{
	margin-left: 130px;
	height:170px;
	overflow: hidden;
	display: flex;
  justify-content:center;
  align-items:Center;
	font-size: 24px
}

#liucheng{
	overflow:hidden;
	width: auto;
	position: relative;
	height: 370px;
	background: url(/web/pic/liucheng.png) center 60px no-repeat;
}
#liucheng li{
	position: absolute;
	width: 120px;
	text-align: center;
}
#liucheng li .pic{
	display: block;
	width: 120px;
	height: 120px;
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}
#liucheng li .xia{
	overflow: hidden;
	margin-top: 15px;
	color: #c88201;
	font-size: 16px;
}
#liucheng li .pic1{
	position: absolute;
	width: 120px;
	height: 120px;
	left:0;
	top:0;
	transition: 0.6s;
}
#liucheng li .pic2{
	position: absolute;
	width: 120px;
	height: 120px;
	left:0;
	top:0;
	transition: 0.6s;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
#liucheng li:hover .pic1{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
#liucheng li:hover .pic2{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#liucheng li .pic2 .zhezhao{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	left:0;
	top:0;
	z-index: 10;
	background: rgba(200, 130, 1, 0.3);
}
#liucheng li img{
	max-width: 100%;
	height: auto;
	display: block;
}
#liucheng #li1{
	left:0;
	top:0;
}
#liucheng #li2{
	left:272px;
	top:0;
}
#liucheng #li3{
	left:541px;
	top:0;
}
#liucheng #li4{
	left:812px;
	top:0;
}
#liucheng #li5{
	right:0;
	top:0;
}
#liucheng #li6{
	right:0;
	top:210px;
}
#liucheng #li7{
	right:270px;
	top:210px;
}
#liucheng #li8{
	right:540px;
	top:210px;
}
#liucheng #li9{
	right:811px;
	top:210px;
}









#ny_zlm_zone{
	background:#f9f9f9;
	padding:15px 0;
	border-bottom:1px solid #ccc;
	min-width: 1200px;
	margin: 0px auto;
}
.ny_zlm{
	overflow:hidden;
	text-align:center;
}
.ny_zlm a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:40px;
	font-size:16px;
	background:#fff;
	border:1px solid #ccc;
	margin:0 15px;
	padding:0 20px;
	transition:0.6s;
}

/*滚动新版可以循环*/
.scroll{
	width:auto;
	overflow:visible;
}
.scroll .item1{
	overflow: hidden;
	transition: 0.6s;
	text-align: center;
	/* border: 1px solid #ddd;
	position: relative; */
}
.scroll .item1:hover{
	/* border-color: #d30f06; */
}
.scroll .item1 a{
	display: block;
	overflow: hidden;
}
.scroll .item1 .pic{
	display:block;
	overflow: hidden;
	position: relative;
	border: 1px solid #eee;
}
.scroll .item1:hover .pic{
	border-color: #003399;
}
.scroll .item1 .pic .zhezhao{
	width: 100%;
	height: 100%;
	background: url(/web/pic/jia.png) center center no-repeat rgba(0, 0, 0, 0.3);
	position: absolute;
	left:0;
	top:0;
	z-index: 10;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.6s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.scroll .item1:hover .pic .zhezhao{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
}
.scroll .item1 img{
	max-width: 100%;
	height: auto;
	display: block;
	transition: 0.6s;
}
.scroll .item1:hover .pic img{
	transform: scale(1.1);
}

.scroll .item1 .xia{
	overflow: hidden;
	padding: 20px;
	background: #F6F6F6;
	transition: 0.6s;
}
.scroll .item1:hover .xia{
	background:#003399;
}
.scroll .item1 h3{
	font-size: 18px;
	/* transition: 0.6s; */
	display: block;
	font-weight: normal;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
}
.scroll .item1:hover h3{
	/* background: #DA0001;
	color: #fff; */
}
.scroll .item1 p{
	display: block;
	overflow: hidden;
	margin-top: 10px;
	line-height: 25px;
	color: #666;
	height: 50px;
}

.scroll .item1 .detail{
	display: block;
	margin-top: 10px;
	color: #666;
}
.scroll .item1 .detail .iconfont{
	margin-left: 10px;
}
.scroll .item1:hover h3,
.scroll .item1:hover .detail{
	color: #fff!important;
}
/*--------标题浮动在图片上-------*/
.scroll .item2{
	overflow: hidden;
	position: relative;
}
.scroll .item2 .pic{
	display: block;
	overflow: hidden;
	position: relative;
}
.scroll .item2 img{
	max-width:100%;
	height:auto;
	display:block;
	transition: 0.6s;
}
.scroll .item2:hover img{
	transform: scale(1.1);
}
.scroll .item2 a{
	display:block;
	overflow:hidden;
	color: #fff;
}
.scroll .item2 .zhezhao{
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	left:0;
	bottom:0;
	height: 35px;
	background: rgba(255, 255, 255, 0.7);
	padding: 0 15px;
	border-left: 3px solid #E9460B;
}
.scroll .item2:hover .zhezhao{
	/* filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1; */
}
.scroll .item2 .zhezhao h4{
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: normal;
	color: #E9460B;
}
.scroll .item2 .zhezhao i{
	/* font-size: 60px;
	color: rgba(255, 255, 255, 0.9); */
}
.scroll .center.active .item2 .zhezhao{
	/* background: rgba(0,0,0,0.5); */
}
.scroll .item2 h3{
	display: block;
	font-size: 26px;
	/* font-weight: normal; */
	color: #fff;
	/* line-height: 30px; */
	/* margin-top: 15px; */
}
.scroll .item2 p{
	display: block;
	color: #fff;
	line-height: 25px;
	margin-top: 15px;
}
.scroll .item2 .xia{
	overflow: hidden;
	margin-top: 50px;
}
.scroll .item2 .time{
	float: left;
}
.scroll .item2 .detail{
	float: right;
}
/*-----普通的样式-----*/
.scroll .item3{
	overflow:hidden;
	transition: 0.6s;
}
.scroll .item3 a{
	display: block;
	overflow: hidden;
}
.scroll .item3 .pic{
	display:block;
	overflow:hidden;
	border: 1px solid #ccc;
}
.scroll .item3:hover .pic{
	/* box-shadow:0 0px 15px rgba(0,0,0,.18); */
	/* border-color: #0186D3; */
}
.scroll .item3:before{
	/* content: "";
	width: 34px;
	height: 34px;
	background: url(/web/pic/hot.png) no-repeat;
	position: absolute;
	top:-3px;
	left:-3px;
	z-index: 10;
	overflow: hidden;
	display: block; */
}
.scroll .item3 img{
	max-width: 100%;
	height: auto;
	display:block;
	margin:0px auto 0 auto;
	transition:0.6s;
}

.scroll .item3:hover img{
	/* transform:scale(1.1); */
}
.scroll .item3 .xia{
	overflow: hidden;
	padding: 20px;
}
.scroll .item3 .txt{
	width: 450px;
	float: left;
	padding-right: 30px;
	overflow: hidden;
}
.scroll .item3 h3{
	display:block;
	font-size:16px;
	overflow:hidden;
	font-weight: normal;
}
.scroll .item3 p,
.scroll .item3 .desc{
	display:block;
	overflow:hidden;
	color:#666;
	margin-top:10px;
	line-height: 25px;
	height: 50px;
}
.scroll .item3 .detail{
	display: block;
	color: #fff;
	line-height: 45px;
	background: #2EA7E0;
	font-size: 20px;
	text-align: center;
	visibility: hidden;
}
.scroll .item3:hover .detail{
	visibility: visible;
}

.scroll .item3 .time{
	display: block;
	color: #999;
	margin-top: 20px;
	font-size: 15px;
}


/*---鼠标经过遮罩层---*/
.scroll .item4{
	overflow:hidden;
	position:relative;
	text-align: center;
	/* border: 1px solid #ccc; */
}
.scroll .item4:hover{
	/* border-color: #E50112; */
}
.scroll .item4 a{
	display: block;
	overflow: visible;
}
.scroll .item4 .pic{
	position: relative;
	display: block;
	overflow: hidden;
	/* border: 1px solid #ccc; */
}
.scroll .item4 img{
	max-width: 100%;
	height: auto;
	display:block;
	transition:0.6s;
}
.scroll .item4:hover img{
	transform:scale(1.1);
}

.scroll .item4 .zhezhao{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	background:rgba(0, 0, 0, 0.5);
	transition:0.6s;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	transform:scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
	padding: 30px;
	/* display: flex;
  justify-content:center;
  align-items:Center; */
}
.scroll .item4:hover .zhezhao{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.scroll .item4 a .kuang{
	width:100%;
	height:100%;
	display:block;
	border:1px solid #fff;
	padding: 0 15px;
	background: url(/web/pic/see.png) center center no-repeat;
}
.scroll .item4 a i,.scroll .item4 a .iconfont{
	font-size:18px;
	line-height:30px;
	width:30px;
	height:30px;
	display:block;
	margin:20% auto 0 auto;
	background:rgba(255,255,255,0.8);
	color: #C88101;
	text-align: center;
}
.scroll .item4 .zhezhao h4{
	display: block;
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	font-weight: normal;
}
.scroll .item4 a h3{
	font-size:18px;
	display:block;
	font-weight:normal;
	color:#fff;
	position: absolute;
	left:0px;
	bottom:0px;
	z-index: 99;
	transition: 0.7s;
	width: 100%;
	overflow: hidden;
	padding: 30px;
}
.scroll .item4:hover a h3{
	transform: translateY(-30px);
	border-bottom: 1px solid #fff;
}
.scroll .item4 .time{
	width: 80px;
	height:80px;
	position: absolute;
	z-index: 5;
	top:0;
	right: 0;
	color: #fff;
	background: #027000;
}
.scroll .item4 .time span{
	display: block;
}
.scroll .item4 .time .ri{
	font-size: 36px;
	font-weight: bold;
	margin-top: 8px;
}
/*第5种*/
.scroll .item5{
	overflow: hidden;
	position: relative;
	padding-top: 50px;
}
.scroll .item5 a{
	display: block;
	overflow: hidden;
}
.scroll .item5 .pic{
	display: block;
	width: 100px;
	height: 100px;
	border: 5px solid #fff;
	position: absolute;
	left:40px;
	top:0;
	z-index: 10;
}
.scroll .item5 .pic img{
	max-width: 100%;
	height: auto;
	display: block;
	transition: 0.6s;
}
.scroll .item5 .xia{
	width: 100%;
	height: 250px;
	background: #fff;
	padding: 70px 45px 0 45px;
	overflow: hidden;
}
.scroll .item5 h3{
	display: block;
	font-size: 16px;
	font-weight: normal;
}
.scroll .item5 .title{
	overflow: hidden;
	margin-top: 5px;
	color: #999;
}
.scroll .item5 .desc{
	overflow: hidden;
	margin-top: 20px;
	line-height: 30px;
	font-size: 16px;
	color: #666;
}






.scroll .owl-prev,
.scroll .owl-next{
	position:absolute;
	width:35px;
	height:35px;
	-moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius:100%;
	text-align:center;
	z-index:20;
	top:50%;
	margin-top: -17.5px;
	transition: 0.6s;
	border: 1px solid #ccc;
}
.scroll .owl-prev .iconfont,
.scroll .owl-next .iconfont{
	line-height: 35px;
	font-size: 18px;
}
.scroll .owl-next .iconfont{
	margin-left: 3px;
}
.scroll .owl-prev:hover .iconfont,
.scroll .owl-next:hover .iconfont{
	color:#fff;
}

.scroll .owl-prev{
	left:-60px;
}
.scroll .owl-next{
	right:-60px;
}
.scroll .owl-dots{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 75px;
}
.scroll .owl-dots .owl-dot{
	width:10px;
	height:10px;
	-moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius:100%;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 15px;
	background: #fff;
}
.scroll .owl-dots .owl-dot.active{
	background: #E9460B;
}
/*相关产品*/
#xgcp{
	width:auto;
	padding:0 35px;
}
#xgcp .item{
	text-align:center;
	overflow:hidden;
}
#xgcp .item .pic{
	height: auto;
	overflow: hidden;
	border: 1px solid #eee;
}
#xgcp .item img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
}
#xgcp .item h3{
	display:block;
	margin-top:10px;
	font-size:14px;
	font-weight:normal;
}
#xgcp .owl-prev,#xgcp .owl-next{
	position:absolute;
	top:50%;
	width:25px;
	height:25px;
	margin-top:-12.5px;
	background:#c2c2c2;
	-moz-border-radius: 100%;      /* Gecko browsers */
    -webkit-border-radius: 100%;   /* Webkit browsers */
    border-radius:100%;            /* W3C syntax */
	text-align:center;

}

#xgcp .owl-prev:hover .fa,#xgcp .owl-next:hover .fa{
	color:#fff;
}
#xgcp .owl-prev .fa,#xgcp .owl-next .fa{
	color:#fff;
	line-height:25px;
	font-size:18px!important;
}

#xgcp .owl-prev{
	left:0px;
}
#xgcp .owl-next{
	right:0px;
}

/*问答伸缩*/
#faqlist{
	overflow:hidden;
}
#faqlist dl{
	overflow:hidden;
	margin-bottom:20px;
}
#faqlist dl dt{
	height:50px;
	line-height:50px;
	display:block;
	background:#f0f0f0;
	padding-left:20px;
	cursor:pointer;
}
#faqlist i{
	float:left;
	width:25px;
	height:25px;
	border:1px solid #ccc;
	line-height:25px;
	text-align:center;
	font-size:18px;
	margin-top:12.5px;
	transition:0.6s;
}
#faqlist em{
	float:left;
	margin-left:15px;
	font-style:normal;
	font-size:18px;
}
#faqlist h4{
	font-size:18px;
	font-weight:normal;
	margin-left:5px;
}
#faqlist dd{
	padding:20px 25px;
	overflow:hidden;
	border:1px solid #f0f0f0;
	border-top:none;
	line-height:25px;
	display:none;
}
#faqlist dl dt.open i{
	transform:rotate(90deg);
}
/* 放大渐变可能用的上 */
.texiao{
	animation-name: texiaodonghua;
  animation-duration: 2s;
  animation-timing-function: linear;
	animation-iteration-count:infinite;
}
@keyframes texiaodonghua { 
	0% {
		transform:scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform:scale(1.4);
		-webkit-transform: scale(1.4);
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}
/* 视频部分不要删除 */
#video {
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	/* object-fit: fill; */
}
.VideoBtn{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(0, 0, 0, 0.3);
	left:0;
	top:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 80px;
	color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
}
.VideoBtn img{
	cursor: pointer;
	z-index: 10;
	width: 56px;
	height: 55px;
	display: block;
	margin: 0px auto;
}

#joblist{
	overflow:hidden;
	border-bottom:1px solid #ddd;
}
#joblist dl{
	overflow:hidden;
}
#joblist dl dt{
	cursor:pointer;
	border-top:1px solid #ddd;
	overflow:hidden;
	padding:30px 0;
	line-height:30px;
	width:100%;
}
#joblist dl dt.open{
	border-bottom:1px solid #ddd;
}
#joblist dl dt .dt1{
	width:320px;
	float:left;
	overflow:hidden;
	font-size:20px;
	font-weight:bold;
}
#joblist dl dt .dt2,#joblist dl dt .dt3,#joblist dl dt .dt4{
	width:250px;
	float:left;
	overflow:hidden;
	font-size:17px;
	color:#777;
}
#joblist i{
	float:right;
	line-height:30px;
	font-size:30px;
	margin-right:20px;
	color:#777;
	transition:0.6s;
}
#joblist dd{
	padding:30px 0;
	overflow:hidden;
	line-height:30px;
	display:none;
}
#joblist dl dt.open i{
	transform:rotate(180deg);
}
#joblist dl dd .jianli_btn a{
	display:block;
	width:150px;
	height:50px;
	background:url(/web/pic/delivery.png) 15px center no-repeat #333;
	color:#fff;
	font-size:18px;
	padding-left:60px;
	margin-top:40px;
	line-height:50px;
}
/* 电子烟 */
.black{
	background:rgba(0, 0, 0, 0.8)!important;
}
.black #tan_content{
	margin-top:20px;
	line-height:35px;
	color:#fff;
	font-size:16px;
	padding: 0 25px;
}
.black .layui-layer-btn{
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	text-align:center!important;
}
.black .layui-layer-btn a{
	width:200px!important;
	height:45px!important;
	line-height:45px!important;
	background:none!important;
	border:1px solid #fff!important;
	color:#fff!important;
	font-size: 14px;
}
.black .layui-layer-btn .layui-layer-btn0{
	background: #E70012!important;
	border-color: #E70012!important;
}
/*临时*/
.cp_scroll .owl-prev,
.cp_scroll .owl-next{
	top:285px;
	margin-top: 0;
	right:auto;
}
.cp_scroll .owl-prev{
	left:-200px;
}
.cp_scroll .owl-next{
	left:-135px;
}

/*******************
***** by Mr.DK *****
*******************/
.section{
	width: 100%;
	min-width: 1200px;
	padding: 50px 0;
	height: auto;
	overflow: hidden;
	background-color: transparent;
}
.container{
	width:1200px;
	margin: 0 auto;
}
.clearfix:before,.clearfix:after,.container:before,.container:after,.section:before,.section:after {
	display: table;
  	content: " ";
}
.clearfix:after,.container:after,.section:after{
	clear: both;
}
.fl{float: left;}
.fr{float: right;}
.txt-lt{text-align: left;}
.txt-cr{text-align: center;}
.txt-rt{text-align: right;}
.mgn-t5{margin-top: 5px;}
.mgn-t10{margin-top: 10px;}
.mgn-t15{margin-top: 15px;}
.mgn-t20{margin-top: 20px;}
.mgn-t25{margin-top: 25px;}
.mgn-t30{margin-top: 30px;}
.mgn-t35{margin-top: 35px;}
.mgn-t40{margin-top: 40px;}
.img-block{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.transitions{webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

/** header **/
.logo{
	overflow:hidden;
	float: left;
	height:100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content:center;
	align-items:Center;
}
.logo a{
	display:block;
	float: left;
}
.logo img{
	display:block;
}
.logo-rt{
	height: 50px;
	overflow: hidden;
	text-align: center;
	color: #595656;
	font-size: 16px;
	line-height: 25px;
	border-left: 1px solid #595656;
	margin-left: 21px;
	padding-left: 20px;
}

.head-hottel{
	height: auto;
	overflow: hidden;
}
.head-hottel h5{
	font-size: 14px;
	color: #ed6a1e;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-weight: bold;
}
.head-hottel h5 i{
	display: inline-block;
	font-size: 18px;
	vertical-align: middle;
	margin-right: 12px;
	line-height: 1;
}
.head-hottel h1{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	margin-top: 5px;
	background-color: #ed6a1e;
	padding-right: 16px;
	padding-left: 38px;
	border-radius: 14px;
	background-image: url(../images/tel.png);
	background-repeat: no-repeat;
	background-position: 15px 50%;
}

/** search **/
.search-wrap{
	position: relative;
	height: auto;
	margin-top: 26px;
}
i.search-open{
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	color: #222;
	margin-top: 22px;
}
.search-open-wrap{
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #fff;
	padding: 20px;
	display: none;
}
.search-box{
	height: auto;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	position: relative;
	border-radius: 18px;
	/* margin-top: 12px; */
}
.search-box .key_text{
	height:34px;
	float:left;
	width:180px;
	overflow:hidden;
	line-height:34px;
	outline:none;
	border:none;
	padding-left: 15px;
	padding-right: 40px;
	background:#fff;
	color: #999;
	font-size: 14px;
}
.search-box .search_btn{
	cursor:pointer;
	border:none;
	outline:none;
	width: 32px;
	height:32px;
	overflow:hidden;
	text-align:center;
	background: #cc0000;
	line-height: 36px;
	text-align: center;
	position: absolute;
	top: 1px;
	right: 1px;
	border-radius: 16px;
}
.search-box .search_btn i{
	font-size: 24px;
	color:#fff;
}

/** language **/
.lang-wrap{
	height: 60px;
	position: relative;
	margin-left: 35px;
}
.lang-wrap span.open-lang{
	display: block;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-transform: uppercase;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	color: #333;
	background-image:url(../images/enbig.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 22px;
	padding-left: 32px;
}
.lang-wrap span.open-lang i{
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	font-size: 14px;
}
.lan-menu{
	border-top: 8px solid transparent;
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
}
.lan-menu ul{
	padding: 5px 0;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	position: relative;
}
.lan-menu ul::before{
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #fff;
	display: block;
	position: absolute;
	top: -16px;
	left: 50%;
	margin-left: -8px;
}
.lan-menu ul li{
	height: auto;
	overflow: hidden;
}
.lan-menu ul li a{
	display: block;
	height: 40px;
	line-height: 40px;
	color: #666;
	padding-left: 40px;
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: 22px;
}
.lan-menu ul li a:hover{
	color: #cc0000;
	background-color: #F2F7FC;
}
.lan-menu ul li a.cn{
	background-image:url(../images/cn.png);
	border-bottom: 1px solid #ddd;
}
.lan-menu ul li a.en{
	background-image:url(../images/enbig.png);
}

.top-lan{
	height: 40px;
	overflow: hidden;
}
.top-lan-list{
	height: 40px;
	overflow: hidden;
}
.top-lan-list li{
	float: left;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin-left: 15px;
	font-size: 16px;
}
.top-lan-list li a{
	display: block;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 0 55%;
	background-size: 24px;
}
.top-lan-list li a.cn{
	background-image:url(../images/cn_fang.jpg);
}
.top-lan-list li a.en{
	background-image:url(../images/en_fang.jpg);
}

/** footer **/
.footer{
	width:100%;
	height: auto;
	overflow:hidden;
	min-width:1200px;
	background: #023157;
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: 1px solid #1c4668;
}
.foot-flex{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.foot-item{
	height: auto;
	overflow: hidden;
}
.foot-sort-name{
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
}
.foot-sort-name a{
	color: #fff;
}
.foot-sort-name a:hover{
	text-decoration: underline;
}
.foot-sort-name.tel{
	font-size: 30px;
	font-family: 'GothamLight';
}
.foot-sort-list{
	max-width: 200px;
	height: auto;
	overflow: hidden;
}
.foot-sort-list li{
	height: auto;
	overflow: hidden;
	color: rgba(255,255,255,.5);
	font-size: 16px;
	line-height: 2.25;
}
.foot-sort-list li a{
	color: rgba(255,255,255,.5);
	display: inline-block;
}
.foot-sort-list li i{
	font-size: 12px;
	margin-right: 6px;
}
.foot-sort-list li a:hover{
	color: #fff;
}
.foot-contact-content{
	max-width: 340px;
	height: auto;
	overflow: hidden;
	color: rgba(255,255,255,.5);
	font-size: 14px;
	line-height: 2.25;
}
.foot-contact-content a{
	color: rgba(255,255,255,.5);
}
.foot-contact-content a:hover{
	color: #fff;
}
.foot-wechat-wrap{
	height: auto;
	overflow: hidden;
	position: relative;
}
.foot-wechat{
	width: 98px;
	height: auto;
	overflow: hidden;
	text-align: center;
	color: #fff;
}
.foot-wechat img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.foot-ask-btm{
	height: auto;
	overflow: hidden;
}
.foot-ask-btm a{
	display: block;
	text-align: center;
	color: #fff;
	background-color: #d11203;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	text-transform: uppercase;
}
.foot-ask-btm i{
	display: inline-block;
	margin-right: 20px;
	font-size: 22px;
	vertical-align: top;
}

.foot-email-form{
	width: 292px;
	height: 46px;
	overflow: hidden;
	position: relative;
}
.foot-email-form input{
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	border: none;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 75px;
	color: #b6b6b6;
	font-size: 14px;
}
.foot-email-form button{
	display: block;
	width: 72px;
	height: 42px;
	position: absolute;
	top: 2px;
	right: 2px;
	border: none;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #cc0000;
	cursor: pointer;
}

.foot-social{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}
.foot-social li{
	margin: 0 10px;
}
.foot-social li a{
	display: block;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	border-radius: 50%;
}
.foot-social li a i{
	font-size: 24px;
}
.foot-social li a.facebook{
	background-color: #3b5998;
}
.foot-social li a.twitter{
	background-color: #1da1f3;
}
.foot-social li a.youtube{
	background-color: #d42426;
}
.foot-social li a.instagram{
	background-color: #6929b1;
}
.foot-social li a.linkedin{
	background-color: #4376b1;
}
.foot-social li a.pinterest{
	background-color: #ca2128;
}
.full-copyright{
	width: 100%;
	min-width: 1200px;
	height: auto;
	overflow: hidden;
	background-color: #023157;
	padding: 15px 0;
	border-top: 1px solid #1c4668;
}
.copyright{
	color: rgba(255,255,255,.5);
	font-size: 14px;
	line-height: 30px;
}
.copyright a{
	color: #999;
}
.copyright a:hover{
	color: #fff;
	text-decoration: underline;
}
.ali-pic{
	height: auto;
	overflow: hidden;
}
.ali-pic li{
	float: left;
	margin-left: 10px;
	width: 110px;
	height: auto;
	overflow: hidden;
	border-radius: 5px;
}
.ali-pic li img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

table#footer_lxxx tr td{
	padding: 5px;
}

/** service **/
.section-service{
	padding: 30px 0;
}
.server-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.server-list li{
	height: auto;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* .server-list li.wdli-1{
	width: 380px;
	padding-right: 60px;
	border-right: 1px solid #e5e5e5;
}
.server-list li.wdli-2{
	width: 440px;
	padding-left: 60px;
	padding-right: 60px;
	border-right: 1px solid #e5e5e5;
}
.server-list li.wdli-3{
	width: 380px;
	padding-left: 60px;
} */
.server-list li .pic{
	width: 48px;
	height: auto;
	overflow: hidden;
}
.server-list li .pic img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.server-list li .wrap{
	flex: 1;
	padding-left: 20px;
}
.server-list li .wrap h3{
	color: #222;
	font-size: 20px;
	font-weight: bold;
}
.server-list li .wrap .info{
	color: #666;
	font-size: 14px;
	line-height: 1.75;
	margin-top: 10px;
}
.server-list li .wrap{
	padding-left: 15px;
}
.lang-en .server-list li .wrap h3{
	font-size: 16px;
}

/** product **/
.section-product{
	background-color: #fff;
	padding-top: 0;
}
.public-head{
	color: #333;
	font-size: 34px;
	text-transform: uppercase;
	line-height: 1;
	height: auto;
	overflow: hidden;
	font-weight: bold;
}
.lang-en .public-head{
	font-weight: normal;
	font-family: 'Gotham-Bold';
}
.public-head span{
	display: inline-block;
	position: relative;
	padding: 0 50px;
}
.public-head.white{
	color: #fff;
}
.public-head span::before,
.public-head span::after{
	content: '';
	width: 32px;
	height: 18px;
	background-image: url(../images/ico-red.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: absolute;
	top: 50%;
	margin-top: -9px;
}
.public-head span::before{
	left: 0;
}
.public-head span::after{
	right: 0;
}
.public-head.white span::before,
.public-head.white span::after{
	background-image: url(../images/ico-white.png);
}
.public-sml{
	color: #9a9a9a;
	font-size: 16px;
	text-transform: uppercase;
}
.public-sml.white{
	color: #fff;
}
.public-sml.red{
	color: #e60012;
}
.public-sml.honor{
	font-size: 18px;
	text-transform: capitalize;
}
.public-sml span{
	display: inline-block;
	padding: 0 40px;
	position: relative;
}
.public-sml span::before,
.public-sml span::after{
	content: '';
	width: 30px;
	height: 2px;
	background-color: #c9cacb;
	position: absolute;
	top: 50%;
	margin-top: -1px;
}
.public-sml span::before{
	left: 0;
}
.public-sml span::after{
	right: 0;
}

.index-product-sort-list{
	height: auto;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -2px;
	padding-right: -2px;
	margin-top: 40px;
}
.index-product-sort-list li{
	width: 25%;
	padding: 2px;
}
.index-product-sort-list li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.index-product-sort-list li .pic{
	height: auto;
	overflow: hidden;
}
.index-product-sort-list li .pic img{
	display: block;
	width: 100%;
	height: auto;
}
.index-product-sort-list li .cover{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,62,113,.8);
	padding: 25px;
}
.index-product-sort-list li .cover .title{
	color: #fff;
	font-size: 22px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.index-product-sort-list li .cover .more{
	color: #fff;
	font-size: 14px;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.index-product-sort-list li .cover .more i{
	font-size: 12px;
	vertical-align: middle;
	margin-left: 5px;
}
.index-product-sort-list li .cover .inner{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px;
	transform: translateY(30%);
	opacity: 0;
	visibility: hidden;
}
.index-product-sort-list li .cover .inner .title-2{
	color: #fff;
	font-size: 22px;
}
.index-product-sort-list li .cover .inner .info{
	color: #fff;
	font-size: 14px;
	line-height: 25px;
	max-height: 100px;
	overflow: hidden;
}

.index-product-sort-list li:hover .pic img{
	transform: scale(1.1);
}
.index-product-sort-list li:hover .cover{
	background-color: rgba(204,0,0,.7);
}
.index-product-sort-list li:hover .cover .more{
	color: #fff;
}
.index-product-sort-list li:hover .cover .title{
	top: 35%;
	opacity: 0;
	visibility: hidden;
}
.index-product-sort-list li:hover .cover .inner{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

/** about **/
.section-about{
	background-color: #fff;
}
.about-pic{
	width: 556px;
	height: auto;
	overflow: hidden;
}
.about-pic img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.about-wrap{
	width: 590px;
	height: auto;
	overflow: hidden;
}
.about-brief{
	height: auto;
	overflow: hidden;
	color: #666;
	font-size: 16px;
	line-height: 2;
}
.about-brief.white{
	color: #fff;
}
.about-more{
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	font-size: 16px;
}
.about-more a{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	padding: 0 55px;
	color: #fff;
	/* padding-right: 45px;
	background-image: url(../images/jt-1.png);
	background-repeat: no-repeat;
	background-position: 100% 50%; */
	background-color: #cc0000;
	text-transform: uppercase;
	/* -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; */
}
.about-more a i{
	display: inline-block;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
	color: #49b140;
	font-size: 12px;
	background-color: #fff;
	margin-left: 10px;
}
.about-more a:hover{
	/* background-color: #096fb9; */
	color: #fff;
}
.about-tel{
	height: auto;
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
}
.about-tel a{
	display: inline-block;
	color: #fff;
	background-color: #ffa81a;
	height: 54px;
	line-height: 54px;
	padding-left: 85px;
	padding-right: 30px;
	border-radius: 27px;
	background-image: url(../images/about-tel.png);
	background-repeat: no-repeat;
	background-position: 30px 50%;
}
.shuzhi-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.shuzhi-list li{
	width: 300px;
	height: auto;
	overflow: auto;
	text-align: center;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	padding: 30px 0;
}
.shuzhi-list li:first-child{
	border-left: 1px solid #e7e7e7;
}
/* .shuzhi-list li:last-child{
	border-right: none;
} */
.shuzhi-list li .num{
	height: auto;
	overflow: hidden;
	color: #cc0000;
	font-size: 14px;
	margin-top: 10px;
}
.shuzhi-list li .num span{
	display: inline-block;
	font-size: 48px;
	font-family: 'futurabt-medium';
}
.shuzhi-list li .title{
	color: #666;
	font-size: 16px;
	line-height: 1.5;
}
.lang-en .shuzhi-list li .title{
	color: #666;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.shuzhi-list li:hover{
	background-color: #cc0000;
	border-color: #cc0000;
}
.shuzhi-list li:hover .title{
	color: #fff;
}
.shuzhi-list li:hover .num{
	color: #fff;
}

/** owl **/
.my-owl .item .pic{
	height: auto;
	overflow: hidden;
}
.my-owl .item .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.my-owl .item:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.my-owl .owl-controls .owl-nav .owl-prev,
.my-owl .owl-controls .owl-nav .owl-next{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.owl-carousel.owl-photos{
	margin-top: 50px;
}
.owl-carousel.owl-photos .item{
	padding-bottom: 10px;
	background-image: url(../images/shade-1.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.owl-carousel.owl-photos .item .pic{
	border: 10px solid #f8f8f8;
	position: relative;
	height: auto;
	overflow: hidden;
}
.owl-carousel.owl-photos .item .pic::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,.4);
	z-index: 11;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.owl-carousel.owl-photos .owl-controls .owl-nav .owl-prev,
.owl-carousel.owl-photos .owl-controls .owl-nav .owl-next{
	display: block;
	width: 105px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	line-height: 60px;
	background-color: #f7f7f7;
	position: absolute;
	top: 270px;
	color: #999;
}
.owl-carousel.owl-photos .owl-controls .owl-nav .owl-prev i,
.owl-carousel.owl-photos .owl-controls .owl-nav .owl-next i{
	font-size: 24px;
}
.owl-carousel.owl-photos .owl-controls .owl-nav .owl-prev{
	left: -260px;
}
.owl-carousel.owl-photos .owl-controls .owl-nav .owl-next{
	left: -145px;
}
.owl-carousel.owl-photos .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel.owl-photos .owl-controls .owl-nav .owl-next:hover{
	color: #49b140;
}
.owl-carousel.owl-photos .item:hover .pic::before{
	opacity: 1;
	visibility: visible;
}

.owl-product.owl-carousel .item{
	width: 377px;
	height: auto;
	overflow: hidden;
	position: relative;
}
.owl-product.owl-carousel .item .cover{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 25px;
	background-color: rgba(0,0,0,.5);
}
.owl-product.owl-carousel .item .cover .title{
	color: #fff;
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}
.owl-product.owl-carousel .item .cover .more{
	color: #fff;
	margin-top: 10px;
	position: relative;
	padding-top: 10px;
}
.owl-product.owl-carousel .item .cover .more::before{
	content: '';
	width: 20px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.owl-product.owl-carousel .owl-controls .owl-prev,
.owl-product.owl-carousel .owl-controls .owl-next{
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	overflow: hidden;
	background-color: rgba(255,255,255,.8);
	position: absolute;
	top: 50%;
	margin-top: -22px;
	color: #000;
}
.owl-product.owl-carousel .owl-controls .owl-prev{
	left: 0;
}
.owl-product.owl-carousel .owl-controls .owl-next{
	right: 0;
}
.owl-product.owl-carousel .owl-controls .owl-prev i,
.owl-product.owl-carousel .owl-controls .owl-next i{
	font-size: 24px;
}
.owl-product.owl-carousel .owl-controls .owl-prev.disabled,
.owl-product.owl-carousel .owl-controls .owl-next.disabled{
	opacity: 0;
	visibility: hidden;
}

/** partner **/
.section-partner{
	background-color: #f6f8fa;
}
.index-partner-wrap{
	width: 1250px;
	margin: 40px auto 0 auto;
}
.owl-partner.owl-carousel{
	padding: 0 25px;
}
.owl-partner.owl-carousel .item .pic{
	margin: 5px;
	height: auto;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.owl-partner.owl-carousel .owl-controls .owl-prev,
.owl-partner.owl-carousel .owl-controls .owl-next{
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	overflow: hidden;
	background-color: #cc0000;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	color: #fff;
}
.owl-partner.owl-carousel .owl-controls .owl-prev{
	left: 0;
}
.owl-partner.owl-carousel .owl-controls .owl-next{
	right: 0;
}
.owl-partner.owl-carousel .owl-controls .owl-prev i,
.owl-partner.owl-carousel .owl-controls .owl-next i{
	font-size: 16px;
}


/** honor **/
.section-honor{
	height: 680px;
	background-image: url(../images/honor-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.index-honor-pic{
	height: auto;
	overflow: hidden;
}
.index-honor-pic a{
	display: block;
}
.index-honor-pic img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

/** 优势 **/
.section-adv{
	padding-top: 0;
}
.music-list{
	height: auto;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 50px;
}
.music-list li{
	width: 20%;
	padding-left: 5px;
	padding-right: 5px;
}
.music-list li a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.music-list li .pic{
	height: auto;
	overflow: hidden;
	border-radius: 8px;
}
.music-list li .pic img{
	display: block;
	width: 100%;
	height: auto;
}
.music-list li .cover{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	background-color: rgba(0,0,0,.8);
	opacity: 0;
	visibility: hidden;
	border-radius: 8px;
}
.music-list li .cover .title{
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-style: italic;
	top: 50%;
	transform: translateY(-50%);
}

.music-list li:hover .pic img{
	transform: scale(1.1);
}
.music-list li:hover .cover{
	opacity: 1;
	visibility: visible;
}


.adv-head{
	font-family: 'futurabt-medium';
	font-size: 36px;
	text-transform: uppercase;
	line-height: 52px;
	height: 52px;
	overflow: hidden;
}
.adv-head span{
	display: inline-block;
	color: #cc0000;
	font-size: 48px;
	vertical-align: top;
}
.adv-head-pic{
	height: auto;
	overflow: hidden;
}
.adv-head-pic img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.adv-sml{
	height: auto;
	overflow: hidden;
	font-size: 20px;
	color: #333;
	line-height: 1.65;
}
.adv-sml span{
	display: inline-block;
	background-color: #096fb9;
	height: 55px;
	line-height: 55px;
	padding: 0 35px;
}
.adv-wrap{
	height: auto;
	overflow: hidden;
	position: relative;
}
.adv-pic1,.adv-pic2{
	width: 600px;
	height: auto;
	overflow: hidden;
	position: absolute;
	border-radius: 5px;
}
.adv-pic1 img,.adv-pic2 img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.adv-pic1{
	left: 0;
	top: 0;
}
.adv-pic2{
	right: 0;
	bottom: 0;
}
.adv-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.adv-list li{
	width: 25%;
	height: 880px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
	float: left;
}
/* .adv-list li.wdli-1{
	top: 0;
	left: 0;
}
.adv-list li.wdli-2{
	top: 0;
	right: 0;
}
.adv-list li.wdli-3{
	top: 260px;
	left: 0;
}
.adv-list li.wdli-4{
	top: 260px;
	right: 0;
} */
.adv-list li.active{
	width: 40%;
}
.adv-list li .cover{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.66);
	padding-top: 230px;
	padding-left: 60px;
	padding-right: 60px;
	opacity: 1;
	visibility: visible;
}
.adv-list li .cover .title-3{
	color: #fff;
	font-size: 26px;
	margin-top: 70px;
}
.adv-list li .cover .info-3{
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin-top: 40px;
	height: 150px;
	overflow: hidden;
}
.adv-list li .cover .more{
	height: auto;
	overflow: hidden;
	color: #fff;
	margin-top: 40px;
}
.adv-list li .cover .more i{
	font-size: 36px;
}
.adv-list li .cover-2{
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: -100%;
	background-color: #fff;
	padding: 45px;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
}

.adv-list li.active .cover{
	opacity: 0;
	visibility: hidden;
}
.adv-list li.active .cover-2{
	bottom: 20px;
	opacity: 1;
	visibility: visible;
	transition-delay: 0.15s;
}

.adv-list li .title-box{
	height: 60px;
	overflow: hidden;
	padding-right: 70px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.adv-list li .title-box .num{
	width: 110px;
	color: #e60012;
	font-size: 60px;
	line-height: 60px;
	float: left;
	font-family: 'FuturaBT-Bold';
}
.adv-list li .title-box .title-wrap{
	height: 60px;
	overflow: hidden;
	margin-left: 110px;
}
.adv-list li .title-box .pic{
	width: 95px;
	height: auto;
	overflow: hidden;
	float: left;
}
.adv-list li .title-box .pic img{
	display: block;
	width: 76px;
	height: auto;
	float: left;
}
.adv-list li .title-box .title{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	position: relative;
	color: #222;
	font-size: 24px;
	font-weight: bold;
}
.adv-list li .title-box .title span{
	display: inline-block;
	color: #cc0000;
}
.adv-list li .title-box .title-2{
	color: #999;
	font-size: 16px;
	margin-top: 5px;
	font-family: 'GothamLight';
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 10px;
}
/* .adv-list li .title-box .title span::after{
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #49b140;
	z-index: 11;
} */
.adv-list li .info{
	color: #333;
	font-size: 16px;
	line-height: 30px;
	margin-top: 15px;
}

.lang-en .adv-list li .title-box .title{
	font-size: 20px;
}
.lang-en .adv-list li .info{
	font-size: 14px;
	line-height: 24px;
}

/** 案例 **/
.section-case{
	background-image: url(../images/case-bg.jpg);
	background-repeat: repeat-y;
	background-position: 50% 50%;
}

/** 广告类 **/
.section-dingzhi{
	padding: 0;
	height: 221px;
	overflow: hidden;
}
.dingzhi-main{
	height: auto;
	overflow: hidden;
	float: left;
	max-width: 740px;
}
.dingzhi-en{
	color: #94cc90;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 50px;
}
.dingzhi-cn{
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	margin-top: 10px;
}
.lang-en .dingzhi-cn{
	font-size: 26px;
}
.dingzhi-list{
	height: auto;
	overflow: hidden;
	margin-top: 25px;
}
.dingzhi-list li{
	height: auto;
	overflow: hidden;
	line-height: 34px;
	padding-left: 40px;
	background-image: url(../images/gou.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	color: #fff;
	font-size: 20px;
	float: left;
	padding-right: 45px;
}
.lang-en .dingzhi-list li{
	font-size: 14px;
}
.dingzhi-right{
	height: auto;
	overflow: hidden;
	margin-top: 58px;
}
.dingzhi-contact{
	width: 350px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 60px;
	right: 25px;
	padding-left: 70px;
}
.dingzhi-contact i{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
}
.dingzhi-contact i img{
	display: block;
	margin: 11px auto 0 auto;
}
.dingzhi-hot-title{
	color: #fff;
	font-size: 16px;
}
.dingzhi-hot-tel{
	color: #fff;
	font-size: 26px;
	margin-top: 5px;
	font-weight: bold;
	font-family: arial;
}
.dingzhi-more{
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.dingzhi-more a{
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	background-color: #cc0000;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	border-radius: 18px;
}

/** news **/
.section-news{
	background-color: #fff;
	background-image: url(../images/news-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	padding-top: 150px;
}
.index-news-left{
	width: 955px;
	height: auto;
	overflow: hidden;
}
.index-news-sort{
	height: auto;
	overflow: hidden;
	font-size: 26px;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.index-news-sort span{
	display: inline-block;
	font-weight: bold;
	float: left;
}
.news-more{
	display: inline-block;
	float: right;
	height: 34px;
	line-height: 32px;
	font-size: 16px;
	text-transform: uppercase;
	color: #666;
	margin-top: 3px;
	border: 1px solid #666;
	border-radius: 18px;
	padding: 0 25px;
}
.news-more:hover{
	color: #fff;
	background-color: #cc0000;
	border-color: #cc0000;
}
.index-news-ding{
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
.index-news-ding a{
	display: block;
}
.index-news-ding .pic{
	height: auto;
	overflow: hidden;
}
.index-news-ding .pic img{
	display: block;
	width: 100%;
	height: 345px;
	margin: 0 auto;
	object-fit: cover;
}
.index-news-ding .title{
	font-size: 18px;
	margin-top: 15px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index-news-ding .info{
	color: #666;
	font-size: 14px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-top: 5px;
}
.index-news-ding:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.index-news-wzlist{
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.index-news-wzlist li{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
}
.index-news-wzlist li a{
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
}
.index-news-wzlist li span{
	display: inline-block;
	float: right;
	margin-left: 25px;
	color: #666;
}
.index-news-wzlist li a:hover{
	color: #49b140;
}
.index-news-wzlist li i{
	font-size: 16px;
	margin-right: 5px;
}

.index-news-right{
	width: 410px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
}
.index-faq-text-list{
	height: auto;
	min-height: 480px;
	overflow: hidden;
	display: block;
	background-color: #f7f7f7;
	padding: 10px 20px;
}
.index-faq-text-list li{
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px dashed #e5e5e5;
}

.index-news-wrap{
	height: auto;
	overflow: hidden;
}
.index-single-news{
	width: 400px;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.index-single-news .pic{
	height: auto;
	overflow: hidden;
}
.index-single-news .pic img{
	display: block;
	width: 100%;
	height: 290px;
	margin: 0 auto;
	object-fit: cover;
}
.index-single-news .title{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: bold;
}
.index-single-news .info{
	color: #666;
	font-size: 16px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
}
.index-single-news .more{
	height: auto;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
}
.index-single-news .more a{
	color: #e60012;
}
.index-single-news .more i{
	display: inline-block;
	margin-left: 10px;
	font-size: 24px;
	vertical-align: middle;
	line-height: 1;
}
.index-single-news:hover .pic img{
	transform: scale(1.1);
}

.index-news-piclist{
	width: 540px;
	height: auto;
	overflow: hidden;
}
.index-news-piclist li{
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}
.index-news-piclist li:last-child{
	margin-bottom: 0;
}
.index-news-piclist li a{
	display: block;
}
.index-news-piclist li .pic{
	width: 210px;
	height: auto;
	overflow: hidden;
}
.index-news-piclist li .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 150px;
	object-fit: cover;
}
.index-news-content-right{
	height: auto;
	overflow: hidden;
	margin-left: 235px;
}
.index-news-piclist li .title{
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index-news-piclist li .info{
	color: #666;
	font-size: 14px;
	line-height: 25px;
	height: 75px;
	overflow: hidden;
}
.index-news-piclist li .date{
	color: #666;
}

/** friendlink **/
.section-link{
	padding: 25px 0;
	background-color: #023157;
}
.link-icon{
	height: auto;
	overflow: hidden;
	margin-right: 15px;
}
.link-icon i{
	display: inline-block;
	width: 44px;
	height: 44px;
	color: #bebebe;
	border: 1px solid #bebebe;
	font-size: 24px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
}
.link-box{
	height: auto;
	overflow: hidden;
}
.link-box h3{
	color: #fff;
	font-size: 26px;
	line-height: 30px;
}
.link-wrap{
	height: auto;
	overflow: hidden;
}

/** product-deail **/
.slideBox-product{
	margin-top:50px;
	overflow:hidden;
}
.slideBox-product .hd{

}
.slideBox-product .hd ul{
	width:100%;
	overflow:hidden;
	border-left:1px solid #ccc;
}
.slideBox-product .hd ul li{
	font-size:18px;
	float:left;
	height:45px;
	line-height:45px;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	background:#fff;
	padding:0 20px;
	cursor:pointer;
}
.slideBox-product .hd ul li a{
	display:block;
	color: #333;
}
.slideBox-product .hd ul li.on {
    background: #cc0000;
    color: #fff;
    border-color: #cc0000;
}
.slideBox-product .hd ul li.on a{
	color: #fff;
}
.slideBox-product .bd{
	border:1px solid #ccc;
}
.slideBox-product .bd ul{
	padding:10px;
	overflow:hidden;
}

/** SuperSlide **/
.txtScroll-top{
	height: auto;
	overflow:hidden;
	padding: 0 18px;
	position:relative;
	margin-top: 10px;
}
.txtScroll-top .bd{
	height: auto;
	overflow: hidden;
}
.txtScroll-top .infoList li{
	height:auto;
	overflow: hidden;
}
.txtScroll-top .infoList li .wrap{
	height: auto;
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px dashed #d2d2d2;
}
.txtScroll-top .infoList li:last-child{
	border-bottom: none;
}
.txtScroll-top .infoList li .title{
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 40px;
	position: relative;
	font-size: 16px;
}
.txtScroll-top .infoList li .title span{
	display: block;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	color: #fff;
	background-color: #cc0000;
	position: absolute;
	left: 0;
	top: 0;
}
.txtScroll-top .infoList li .info{
	height: 52px;
	line-height: 26px;
	overflow: hidden;
	padding-left: 40px;
	position: relative;
	margin-top: 13px;
	color: #666;
}
.txtScroll-top .infoList li .info span{
	display: block;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	color: #fff;
	background-color: #ffa61a;
	position: absolute;
	left: 0;
	top: 2px;
}

/** supperSlide **/
.slider-case{
	height: auto;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 45px;
}
.slider-case .hd{
	width: 350px;
	height: auto;
	overflow: hidden;
}
.slider-case .hd ul li{
	height: auto;
	overflow: hidden;
	margin: 50px 0;
}
.slider-case .hd ul li .wrap{
	height: auto;
	overflow: hidden;
	border-left: 4px solid transparent;
	padding-left: 25px;
}
.slider-case .hd ul li .wrap .sort-name{
	color: #000;
	font-size: 22px;
	line-height: 28px;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.slider-case .hd ul li .wrap .sort-brief{
	color: #666;
	font-size: 16px;
	line-height: 20px;
}
.slider-case .hd ul li .more{
	padding-left: 29px;
}
.slider-case .hd ul li .more a{
	display: inline-block;
	color: #666;
	padding-right: 20px;
	background-image: url(../images/jt-3.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}


.slider-case .hd ul li.on .wrap{
	border-left-color: #e60012;
}
.slider-case .hd ul li .more a:hover{
	color: #666;
}

.slider-case .bd{
	width: 1006px;
	height: auto;
	overflow: hidden;
}
.index-case-slider{
	height: auto;
	overflow: hidden;
}
.index-case-slider .item{
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
}
.index-case-slider .item a{
	display: block;
}
.index-case-slider .item .pic{
	height: auto;
	overflow: hidden;
}
.index-case-slider .item .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.index-case-slider .item .cover{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -65px;
	padding: 0 20px;
	background-color: rgba(0,0,0,0);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.index-case-slider .item .cover h4{
	color: #fff;
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 10px 0;
}
.index-case-slider .item .cover .info{
	color: #fff;
	font-size: 14px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 15px;
	padding-right: 50px;
	background-image: url(../images/jt-2.png);
	background-repeat: no-repeat;
	background-position: 100% 10px;
}
.index-case-slider .item:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.index-case-slider .item:hover .cover{
	bottom: 0;
	background-color: rgba(0,0,0,.4);
}

.in-nav-drop{
	height: 90px;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav-drop-link{
	float: left;
	height: auto;
	overflow: visible;
	position: relative;
}
.nav-drop-link h3{
	padding: 10px;
	color: #000;
	font-size: 24px;
	text-transform: capitalize;
	cursor: pointer;
}
.nav-drop-link h3 i{
	display: inline-block;
	margin-left: 15px;
}
.in-nav-list{
	border-top: 30px solid transparent;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 9999;
	display: none;
}
.in-nav-list ul{
	padding: 10px 0;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	position: relative;
}
.in-nav-list ul::before{
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	    border-bottom-color: transparent;
	border-bottom-color: #fff;
	display: block;
	position: absolute;
	top: -16px;
	left: 50%;
	margin-left: -8px;
}
.in-nav-list ul li{
	height: auto;
	overflow: hidden;
	text-align: center;
	color: #333;
}
.in-nav-list ul li a{
	height: 40px;
	line-height: 40px;
	display: block;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 400;
	padding: 0 40px;
	overflow: hidden;
}
.in-nav-list ul li a:hover{
	background-color: #F2F7FC;
}

.in-case-list{
	height: 71px;
	padding-top: 0;
	border-bottom: 1px solid #eee;
}
.in-case-list ul li{
	height: 70px;
	line-height: 70px;
	white-space: nowrap;
	margin: 0 50px 0 0;
	color: #7e7f7e;
	font-size: 16px;
	border-bottom: 1px solid transparent;
	transition: all .8s;
	cursor: pointer;
	float: left;
}
.in-case-list ul li a{
	display: block;
	height: 70px;
	line-height: 70px;
	white-space: nowrap;
	color: #7e7f7e;
	font-size: 16px;
	border-bottom: 1px solid transparent;
	transition: all .8s;
	cursor: pointer;
}
.in-case-list ul li a.zlm_on{
	color: #cc0000;
	font-weight: 700;
	border-bottom: 1px solid #cc0000;
}

/** 工厂形象和荣誉资质 **/
.photo-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
}
.photo-list li{
	width: 25%;
	padding-left: 8px;
	padding-right: 8px;
	height: auto;
	overflow: hidden;
}
.photo-list li a{
	display: block;
	height: 100%;
	height: 100%;
	position: relative;
}
.photo-list li .pic{
	height: auto;
	overflow: hidden;
	border: 1px solid #ddd;
}
.photo-list li .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.photo-list li .title{
	font-size: 14px;
	line-height: 25px;
	margin: 10px 0;
}

.photo-list li:hover .pic img{
	transform: scale(1.1);
}